將數據傳遞給所有組件| angular 4

Question

我有組件有數組，我想將此對象傳遞給所有其他組件。 在我的組件我有一個函數獲取基於cookie值的數據，然後我想把對象數據放在其他組件{{lang.data1}}中。

this.lang=this._webService.getlang(this.cookieValue); 

如何在所有其他組件中使用lang。

Answer 1

您可以使用dependency injection，注入的語言服務，或者您可以爲您BaseComponent

export class BaseComponent { 

    public language: any; 

    constructor() { 
     this.language = configuration.language; 
    } 
} 
export class BlockComponent extends BaseComponent { 
    constructor() { 
     super(); 
     console.log(this.language); 
    } 
} 

Answer 2

使用帶有陣列作爲服務的組成部分。在根組件中初始化該服務，並在需要的任何組件處導入該服務數組。

Answer 3

如果這是一個小到中等規模的應用

然後你讓你的服務序使用事件發射器

將信息傳遞給所有的組件，但如果這是一個大的應用程序，我會建議你給用戶ngrx i：所有數據存儲在特定位置的redux方法。

如果你想檢查REDX是如何工作的，請在git hub看看這個回購在ngrx商店有一個非常簡單的演示。

https://github.com/rahulrsingh09/AngularConcepts