javascript - 数据未绑定(bind)到 angular4 typescript 中的数组？

Question

我有事件进入使用 socket.io 并将其推送到数组对象，现在我看到它被添加到数组但它没有更新或绑定(bind)到 View 如果单击该组件然后我看到它得到更新，我们在 Angular 4 中有类似 ng-blur 的选项，所以我们可以完成这个任务？

secondConfigObject.data 是我正在使用的数据网格的数据源。

流.component.ts

ngOnInit() {
        this.socket.on('newMessage', (newEvent) => {
            console.log('New Event', newEvent);
             this.sortArray(newEvent);
        });
}

sortArray(newEvent){
  var streamArray = this.secondConfigObject.data;
streamArray.push(Object.assign({},newEvent.data));

}

Answer 1

您可以使用 ChangeDetectorRef 手动触发

constructor(private cdr:ChangeDetectorRef) {
}

sortArray(newEvent){
  var streamArray = this.secondConfigObject.data;
  streamArray.push(Object.assign({},newEvent.data));
  this.cdr.detectChanges(); 
}