Angular2中的App宽变量(RC5)

时间:2016-08-17 15:53:15

标签: javascript angular typescript

我想创建一个可在各种angular2组件和导入模块之间访问的应用程序范围变量。

我已经查看了app.module中的依赖注入,并认为我可以设置一个具有属性的类。但是,使用新的angular-RC5版本,这看起来像是我想做的过度复杂。

或者,我想过使用@Inputs和@Outputs来级联数据并订阅更改,但是,模块之间似乎不可能。

我真的很感激能够提出最简单的方法。

就我的特定应用而言,我有一个导航栏组件,我希望在除一个之外的所有路线上显示。所以我在我的app.component模板上有* NgIf条件,然后我希望能够从各种子组件更改为显示导航栏,而无需在所有子模块中嵌入导航栏组件和组件(模块之间共享组件会变得棘手。我的一些路由是在模块中导入的。

2 个答案:

答案 0 :(得分:2)

您可以创建共享服务。

类似的东西:

import { Injectable } from '@angular/core';

@Injectable()
export class GenericService {
    data:any = {};
}

然后将其添加到您的app.module。

之后,您可以将其注入组件并在其上添加可从所有组件访问的数据。

答案 1 :(得分:1)