使用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"; 
} 

其實，我覺得在任何應用程序中都有這樣的東西並不是一個好主意。