Angular 2 - 服務中定義的變量，不在視圖中更新

Question

美好的一天夥計， 我有這個瘋狂的想法使用服務作爲緩存存儲。所以我在Service中定義了一些變量。數據更新完全正常，但不會反映在視圖上。視圖已經被填充，服務層隨後運行。我不確定，即使將數據存儲在服務中是一個好主意？請有人幫忙解釋一下。 這裏是我的服務代碼：

categories : SelectItem[]=[]; 

constructor(private utilityService:UtilityService) { 

} 

//populate all drop downs array with initial data from db 
populateAll() { 
//get categories 
this.getCategories(); 
//there are lot more calls here 
} 
private getCategories() { 
if(this.categories.length==0){ 
    this.utilityService.getAllCategories().subscribe(cat=>{ 
    this.categories = 
    this.utilityService.getSelectItemPublished(cat,"Category"); 
    }) 
    } 
} 

這是我怎麼稱呼它在組件

constructor(
      private cache:CacheStoreService, 

     ) { } 

ngAfterViewInit() 
{ 
this.categories=this.cache.categories; 
this.depts=this.cache.depts; 
this.focuses=this.cache.depts; 
this.statuses=this.cache.statuses; 
this.phases=this.cache.statuses; 
this.visibilities=this.cache.visibilities; 

} 
ngOnInit() { 
    this.cache.populateAll(); 

感謝你的幫助。還有一個問題：如何在db-update緩存中添加新數據時如何更新服務變量。 **我知道，我可以返回可觀察的並在組件中訂閱它。我正在尋找另一種方式。不確定，如果它能做到？ **

謝謝

Answer 1

這裏是發生了什麼：

1. 服務初始化，其類別爲空數組
2. 你告訴服務來獲取數據，通過調用this.cache.populateAll()
3. 服務方法發送異步請求
4. 該組件存儲引用ce到自己類別的服務的類別數組中。該陣列仍爲空
5. 很久之後，對異步請求的響應又回來了。回調被調用。它不會填充服務和組件引用的數組。相反，它會向服務的類別字段分配一個新數組。該組件仍然引用舊的空數組。

有幾種方法可以解決這個問題。

第一種方法是避免將數組替換爲另一個數組，而是填充原始數組。

第二種方法是總是從服務請求，而不是存儲在所述分量的第二參考陣列，：

get categories() { 
    return this.cache.categories; 
} 

第三種方法是在服務從可觀察到的發射的事件，該組件將訂閱以獲得新的類別。