Question

我正在尝试渲染一个html字符串，以便使用Ionic显示链接等。这是我的第一个Ionic应用程序。

<ion-content class="home">
<ion-list>
  <ion-item *ngFor="let f of item">
    <h2 class="question" style="white-space:initial;" ng-bind-html="{{f.question}}">{{f.question}}</h2>
    <p class="answer" style="white-space:initial;" ng-bind-html="{{f.answer}}">{{f.answer}}</p>
  </ion-item>
</ion-list>
</ion-content>

我已经尝试过如上所述的ng-bind-html，它说...

未处理的承诺拒绝：模板解析错误：无法绑定到'ng-bind-html'，因为它不是'h2'的已知属性。（“

我也尝试过ng-bind-html-safe，但会产生同样的错误。如果没有ng-bind-html代码，则会显示字符串，但不会解释html字符。

此外，这里是来自.ts文件的代码

  this.faqService.load()
  .then(data1 => { 
    this.item = data1;
  });

Answer 1

我的问题的答案是

<p [innerHTML]="f.answer"></p>

希望这有助于Angular 2 / Ionic的其他新手。

试图在离子

1 个答案: