javascript - Angular 2-5 - ngfor 没有包装在 div 容器中

Question

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

这是我的html

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

使用 inner [innerHTML]，没关系，但在输出中我看到 htmlElement.outerHTML 被包裹在一个 div 中。

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

标签： javascriptarraysangularhtmlngfor

Answer 1

我认为您正在寻找的是Structural Directives。ng-container完全符合您的要求，您可以将其用于您的ngFor，但它不会被 Angular 放入 DOM 中。