角度使用[innerHTML]和* ngFor变量引用

Question

我正在构建自己的网格组件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并同时能够使用来自网格组件* ngFor？

的变量{{rowData[col.field]}}

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

，列数组为：

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

    { 
        ..... 
    }
];