从存储中动态显示HTML

Question

我在Ionic v3应用程序上工作，我试图在* ngFor中显示HTML。

我有我的TestPage.html：

  <ion-list *ngFor="let c of cities">
        <ion-item>
                <div [innerHTML]="c.html_rate"></div>
         </ion-item>
  </ion-list>

在c.html_rate我有一些<ion-icon name="star-half"></ion-icon>。

但在屏幕上没有出现......

我也试过：<div [innerHTML]="sanitizer.bypassSecurityTrustHtml(c.html_rate)"></div>

但这不起作用......

Answer 1

如图所示，in another question ion-item只能呈现特定元素。您试图在离子项组件中渲染一个不起作用的离子图标。

您可以通过替换正在注入div的内容来测试这是真的。如果你交换<ion-icon name="star-half"></ion-icon>为<ion-note>Testing</ion-note>