Angular 2 - 使用* ngFor和其他数据类型进行组件渲染

Question

我有一个用于填充表格单元格的数组。我的一个数组元素是另一个组件的html。我的数组就像：

row: ['prop1', this.transform(this.createMyComponent('prop2')), 'prop3']

this.transform（）是一个使用DomSanitizer的清洁剂。

transform(html) {
    return this.sanitizer.bypassSecurityTrustHtml(html);
}

this.createMyComponent（）只返回组件，可能还有更新的属性

createMyComponent(property) {
    return `<my-component [childProperty]="property"></my-component>`;
}

我的html循环是

<td *ngFor="let column of row"><div [innerHtml]="column"></div></td>

我知道该组件运行良好，因为它在此父类中自己的<td>中显示正常。但是，当我将它添加到循环中时，如上所述，渲染的html正是从createMyComponent（）返回的内容。它不会渲染组件。如何在此循环中渲染此组件？