时间戳

首页 > 解决方案 > ionic - 如何在屏幕中显示来自服务的信息

angular - ionic - 如何在屏幕中显示来自服务的信息

问题描述

我从 API 加载了 JSON 数据：

{
  "userGroups":[
    {"title":"group 1"},
    {"title":"group 2"},
    {"title":"group 3"},
    {"title":"group 4"}
  ]
}

我将这些原始数据存储在 NativeStorage 中。

// userService

this.userGroups        = response[userGroups];
this.current_userGroup = response[userGroups][0];

this.storage.set('userGroups',        this.userGroups);
this.storage.set('viewing_userGroup', this.current_userGroup);

所以这样我就有了整个列表和我想在应用程序中显示的当前项目......

我的问题是如何从我的页面访问这些信息

<div class="page_title">{{ this.userGroupService.current_userGroup.title }}</div>

所以，当我导航到另一个用户组时，我需要做的就是更新current_userGroup到新对象......

这是正确的方法吗？

标签： angularionic-framework

解决方案

如果我理解，您必须在 html 中调用一些基于页面标题返回当前用户组的方法。首先，您可以创建一个映射到您的 userGroups 而不是列表，并在服务上创建一个方法以返回示例：

Map<String, UserGroup> = new Map();
public getCurrentUserGroup(title):UserGroup{
  return userGroupsMap.get(title);
}

并在 html 上调用此方法

推荐阅读