Question

我有一个标签栏，当编码为HTML时很好，但在我尝试生成时失败了

<ul class="nav nav-tabs">
  <li class="nav-item" *ngFor="let nxt of all">
    {{nxt}}
  </li>
</ul>
<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link  tabLink active" data-toggle="tab" >Shipment <span class="fa fa-close"></span></a>
  </li>
</ul>

该组件有：

this.all = new Array();
let x = '<a class="nav-link  tabLink active" data-toggle="tab" >Shipment <span class="fa fa-close"></span></a>';
this.all.push(x);

结果： enter image description here

那么如何将字符串转换为ngFor循环中的html对象提前谢谢。

Answer 1

您可以使用outerHTML属性绑定，例如。

<li class="nav-item" *ngFor="let nxt of all">
  <i [outerHTML]="nxt"></i>
</li>

<强> Plunker Example

angular 2 ngfor li包含html字符串

1 个答案: