node.js - 使用 Angular 2 observables 异步填充对象属性？

Question

我正在尝试将 angular2 组件转换为使用异步数据调用。我使用专用图表库将数据显示在图表上。图表需要以某种格式传递数据(如下所示)。

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

问题是 this.dataService.getCellOEE('powders') 返回一个可观察值。如果我绑定(bind)到像 [datasets]="(barChartData | async)" 这样的图表对象，则会抛出错误，因为显然 barChartData 是一个对象而不是可观察的。

如何使用已解析的 Observable 数据异步填充静态对象的一部分，然后将该静态对象绑定(bind)到图表 UI 组件的 datasets 属性？

Answer 1

我认为你需要这样的东西:

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