Передача html данных динамически в источник данных в Angular таблице материалов - PullRequest
Новая
       1

Передача html данных динамически в источник данных в Angular таблице материалов

0 голосов
/ 24 февраля 2020

Я использую angular mat-table и динамически передаю данные из родительского компонента. Но я не могу передать какой-либо HTML источнику данных.

Ниже я попробовал. 

ngOnInit() {
     this.busSearchService.fetchBusesForOrigin("BA", "MY").subscribe(res=>{
       res.forEach(item=>{
         let row = {};
           if(item){
             row["Bus Name"] = item["busName"];
             row["Bus No"] = item["busNo"];
             row["Bus Type"] = item["type"]
             row["Stops"] = `<mat-list role="list">
                             <mat-list-item *ngFor="let stop of item['stopLocations']">{{stop.locName}}</mat-list-item> 
                             </mat-list>`
            this.dataSource.push(row);                 
           }
       })


     });
   }

In HTML: 

<table-load [dataSource] = "dataSource" ></table-load>

Когда я передаю код HTML, как показано выше, в таблице отображается тот же код, а не HTML.

Я что-то не так делаю?

...