使用Angular 2 Services来传递全局变量？

Question

在我们的NG启动样板app.component.ts我有这样的代码：

export class AppComponent {title = "Website Title"}

在适当app.component.html，title将包括如下：

<p>{{title}}</p>

但我想在全球范围内包括这个title变量。比方说，我的结构如下：

app.component.html app.component.ts test.component.html test.component.ts

在test.component.html我想显示相同的信息。

<p>The title of this website is {{title}}</p>

和{{title}}值会从我的app.component.ts导出。我将如何使用服务传递类似字符串的内容？是否值得传递一个指令呢？喜欢的东西：

<p>The title of this website is <app-test></app-test></p>

Answer 1

如果必须使用全局变量，这是在整个应用程序的结构用，您可以使用共享服务，你有共享模块的地方。

你可以阅读在这里共享模块：

https://angular.io/docs/ts/latest/guide/ngmodule.html#!#shared-module

这种服务类可能看起来像这样（在本例中公共变量）：

@Injectable() 
export class SharedService { 
     globalVariable = "default"; 
} 

其实，我觉得在任何应用程序中都有这样的东西并不是一个好主意。