Html 如何在Angular指令中附加同级？

我想在表中动态创建列

有一个名字列表：

['one'，'two'，'foo'，'bar']

对于某些名称，我需要两列或更多列

我有一个循环，每个元素都得到一个指令，该指令决定是否插入

标记

<tr>
 <ng-container myDirective [name]="name" *ngFor="let name of names"></ng-container>
</tr>

但是遗憾的是，

在DOM中不可见，我们不能向它添加任何内容。所以我改变了方法，改为使用

<tr>
 <td myDirective [name]="name" *ngFor="let name of names"></td>
</tr>

但是在这种情况下，我不能使用

appendChild

，因为

已经存在，我需要一个

appendSibling

方法，而它不存在

---

如何以其他方式执行此操作？

您可以将

ViewContainerRef

与

和指令一起使用。

<tr>
 <td myDirective [name]="name" *ngFor="let name of names"></td>
</tr>