首页 文章

angular 2 ngfor li包含html字符串

提问于
浏览 次
1

我有一个标签栏，当编码为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对象提前谢谢 .

angular hyperlink html-lists ngfor

1 回答

  • 1

    您可以使用 outerHTML 属性绑定 .

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

    Plunker Example

    回复于

相关问题