How To Append Data Coming From Socket Io To Angular Html

I have a socket program which is listning and giving the log data. Socket is sending correct data as in console i am getting the correct data. Here is my code export class RoboLog

Solution 1:

Finally i got answered for my question after doing lots of research . The soution i came with

export classRoboLogComponentimplementsOnInit,AfterViewInit,OnDestroy {
 dataToShow:string="lets see if i am coming"
 socket:any

loaddata(data:any) {
    console.log("chcking")
    this.htmlToadd =this.htmlToadd+"<br>"+data
}
ngOnInit():void{
    this._labService.streamLogs().subscribe(data => 
this.socket=io('http://localhost:9999')
}


ngAfterViewInit(){
this.socket.on('send-log-data',function(data){
                this.loaddata(data)                
}.bind(this))
}
 ngOnDestroy(){
this.socket.disconnect()
}

}

And in html file just add

<divclass="abc" [innerHtml]="htmlToadd | sanitizeHtml" *ngIf='htmlToadd'></div>

Here sanitizeHtml pipe used just to bypass security check of dynamically loaded html content.