使用angular2 observables异步填充Object属性？

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);