在angular4打字稿中数据没有绑定到数组?

时间:2018-02-08 19:55:55

标签: javascript arrays angular typescript

我有使用socket.io的事件并将其推送到数组对象,现在我看到它被添加到数组但是它没有更新或绑定到视图,如果点击该组件然后我看到它得到更新,我们在角度4中有ng-blur个选项,所以我们可以完成这个任务吗?

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

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

}

1 个答案:

答案 0 :(得分:4)

您可以使用 ChangeDetectorRef

手动触发
constructor(private cdr:ChangeDetectorRef) {
}

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