Question

我有一个两个标签Ionic 2 / Angular2应用程序，显示由许多小组组成的大组的数据。用户可以选择在整个主组或特定组的两个不同选项卡上查看数据，方法是在右侧菜单中选择滑出并提供所有选项（每个组或主组）。

我在全局服务提供商中维护该列表，以便在更改时，两个选项卡都可以查看当前选择的内容。这是通过将变量绑定到html来完成的。例如，我在两个选项卡上标题，显示当前选定的视图，如下所示：

<ion-navbar greenTheme>
  <button menuToggle>
      <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>{{globalService.currentTitle}}</ion-title>
  <ion-buttons menuToggle='right' end>
      <button>
          <ion-icon name='add'></ion-icon>
      </button>
  </ion-buttons>
</ion-navbar>

在主应用程序组件（app.ts / .html）中，我显示侧面菜单和我从全局服务中提取的列表。如果用户在侧面菜单上选择一个新组，则app.ts监听器功能会更改全局服务提供者中的var，如下所示：

**app.html**
<ion-menu side='right' type='overlay' [content]="content">
    <ion-content class='right-side-menu'>
        <ion-list no-lines>
            <ion-item menuClose='right' *ngFor='let d of globalService.getGroups()' (click)='sendGroup(d)' class='work-group'>
                {{d}}
            </ion-item>
        </ion-list>    
    </ion-content>
</ion-menu>

**app.ts**
sendGroup(groupName) {
    this.globalService.setCurrentTitle(groupName);
}

由于数据绑定，标签页将显示新标题，但组件本身不知道它是否已更改，如果他们选择这样查看，我需要获取更具体的数据。

问题：如何通知标签页显示页面显示的全局服务提供商var已更改？

Angular2：检查子类

0 个答案: