Les données ne se lient pas au tableau en Angular4 typescript ?

Question

J'ai un événement qui arrive en utilisant socket.io et je l'ai poussé dans un objet tableau. Maintenant je vois qu'il est ajouté au tableau mais il n'est pas mis à jour ou lié à la vue. Si je clique sur ce composant, alors je le vois mis à jour. Avons-nous quelque chose comme des options ng-blur dans Angular 4 pour accomplir cette tâche ?

secondConfigObject.data est la source de données de la grille de données que j'utilise.

stream.component.ts

ngOnInit() {
        this.socket.on('newMessage', (newEvent) => {
            console.log('Nouvel événement', newEvent);
             this.sortArray(newEvent);
        });
}

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

}

Answer 1

Vous pouvez déclencher manuellement en utilisant ChangeDetectorRef

constructeur(private cdr: ChangeDetectorRef) {
}

sortArray(nouvelÉvénement) {
  var tableauDeDonnées = this.deuxièmeObjetConfig.data;
  tableauDeDonnées.push(Object.assign({}, nouvelÉvénement.data));
  this.cdr.detectChanges(); 
}