用angular2 observables異步填充對象屬性？

Question

我想轉換一個angular2組件來使用異步數據調用。我使用專用的圖表庫將數據顯示在圖表上。圖表需要以某種格式傳遞數據（如下所示）。

public barChartData: any[] = [ 
    { data: this.dataService.getCellOEE('powders'), 
     label: 'OEE' } 
]; 

的問題是，this.dataService.getCellOEE('powders')返回一個可觀察的。如果我綁定到像[datasets]="(barChartData | async)"這樣的圖表對象，會拋出一個錯誤，因爲顯然barChartData是一個對象而不是可觀察對象。

如何使用已解析的Observable數據異步填充靜態對象的一部分，然後將該靜態對象綁定到我的Chart UI組件的datasets屬性？

Answer 1

我想你需要這樣的東西：

public barChartData: any[] = [ 
    { data: null, 
     label: 'OEE' } 
]; 
this.dataService.getCellOEE('powders').subscribe(value => barChartData[0].data = value);