How to add data dynamically to mat-table dataSource?

Question

I have data streaming from backend and i see it printing in console now i am trying to push event to dataSource its throwing error dataSource is not defined. Ca

Answer 1

You could also use the ES6 spread operator or concat if you are not using ES6+ to assign the dataSource data to a new array.

In ES6+

this.socket.on('newMessage', function(event) {
    this.dataSource.data = [...this.dataSource.data, event];
});

ECMAscript version 3+

this.socket.on('newMessage', function(event) {
    this.dataSource.data = this.dataSource.data.concat(event);
});