Angular 2-5-ngfor，不包装在div容器中

Question

我将ngFor放在了一个div中，该div显示了我的包含HTML的对象，该对象来自我的数组集合。但是，我不希望将包含html节点（HTMLElement）的对象包装在div中，但应在没有div的情况下显示该对象，在该div中已放置了 ngFor 指令。

这是我的html

<div *ngFor="let mt of mappingTable"  [innerHTML]="mt?.htmlElement.outerHTML  | escapeHtml: 'html'  ">
 </div>

使用内部[innerHTML]可以，但是在输出中我看到htmlElement.outerHTML被包装在div中。

我尝试过<ng-container>，但是在网页上显示了原始html

Answer 1

我认为您正在寻找的是Structural Directives。 ng-container完全可以满足您的需求，您可以将其用于ngFor，但Angular不会将其放入DOM。

Answer 2

如果您不想将html包装在任何父html元素中，则可以使用[outerHTML]而不是[innerHTML]

<div *ngFor="let mt of mappingTable" [outerHTML]="mt?.htmlElement.outerHTML |escapeHtml: 'html' "> </div>