угловое использование [innerHTML] с * ng для ссылки на переменную - PullRequest
Новая
       31

угловое использование [innerHTML] с * ng для ссылки на переменную

0 голосов
/ 02 июня 2018

Я создаю свой собственный компонент сетки app-grid, в котором я передаю столбцы в виде массива объектов. Я пытаюсь добавить возможность отправлять шаблон ячейки в виде HTML, поскольку некоторые ячейки имеют более сложный код, чем просто отображение значения,

Я смог использовать innerHtml вот так: 

<td *ngFor="let col of columns">
    <span *ngIf="col.cellTemplate" [innerHTML]="col.cellTemplate"></span> 
    <span *ngIf="!col.cellTemplate"> {{rowData[col.field]}}</span>
</td>

**** Моя проблема в том, что [innerHTML] не компилируется.

означает, что яневозможно использовать ссылку на значение данных ячейки в шаблоне cellTemplate, который я установил в массиве столбцов, когда я использую эту сетку в другом компоненте, как я могу отправить пользовательский шаблон cellTemplate и в то же время иметь возможность использовать переменную {{rowData[col.field]}}из компонента сетки * ngFor? 

<app-grid columns="columns" data="data"></app-grid>

и массива столбцов как: 

columns = [
    { 
        field: 'test',
        cellTemplate: '<h3 [routerLink]="[ \'/\', rowData[col.field], 'some_url']">{{rowData[col.field]}}</h3>'
    },
    { 
        ..... 
    },

    { 
        ..... 
    }
];
...