data is not binding to array in angular4 typescript?

Question

I have event coming in using socket.io and pushed it to array object, Now i see its being added to array but its not updating or binding to the view if click on that component then i see it gets updated , Do we have something like ng-blur options in angular 4 so we can achieve this task ?

secondConfigObject.data is datasource of data grid i am using.

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

}

You have bad history of marking answers :)

Sajeetharan
– Sajeetharan

2018-02-08 20:05:17 +00:00
Commented Feb 8, 2018 at 20:05 — Sajeetharan
– Sajeetharan, Commented Feb 8, 2018 at 20:05

Sajeetharan · Accepted Answer · 2018-02-08 19:58:21Z

4

you can manually trigger using ChangeDetectorRef

constructor(private cdr:ChangeDetectorRef) {
}

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

answered Feb 8, 2018 at 19:58

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

P.S. Over a year ago

detectChanges() saves my life once per week

messerbill Over a year ago

and i thought i was the Angular master....did not even know that smth like ChangeDetectorRef existed....thank you very much. +1

hussain Over a year ago

so that resolved partial issue when i have new event that got inserted but when i update existing event that is not updating i have to click outside of the grid

hussain Over a year ago

Do i need to do something like this ` this.secondConfigObject.data = [..streamArray]` before i execute detectChanges()

Sajeetharan Over a year ago

whatever changes you need make sure you have it before detectchanges

Collectives™ on Stack Overflow

data is not binding to array in angular4 typescript?

1 Answer 1

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Related