angular2 在具有多个实例的页面之间共享数据

Question

我正在使用 angular2 编写一个 Ionic 应用程序 - 让我们以 MasterDetail 模式为例：

MasterPage 是一个显示列表的组件。

DetailPage 是一个显示列表中单个项目的组件。

ListService 是一个保存单个列表数据的服务，该列表的数据要为MasterPage 和DetailPage 共享，因此应用于单个项目的所有更改（例如编辑）也会更新MasterPage。

但是如果我有MasterPage 的多个实例 - 假设我有一个带有菜单项的MenuPage，我可以从中打开一个列表。

所以我的导航可能是这样的：

MenuPage -> MasterPage -> DetailPage -> MenuPage（来自标题上的菜单按钮）-> 第二个 MasterPage 显示不同的列表。

我如何拥有ListService 的多个实例，其中每组MasterPage - DeatilPage 共享一个实例？

Answer 1

如果您在@NgModule(...) 或AppModule 中提供服务，您将获得整个应用程序的单个实例。

如果您在@Component(...) 中提供服务，那么每个组件实例都会获得自己的服务实例并与其子级共享。

对于组件本身及其子组件，组件上的提供者覆盖AppModule 上的提供者和父组件上的提供者。

每个提供者总是有一个实例。如果将提供程序添加到组件中，则此提供程序的实例与组件的实例一样多。