从存储中动态显示 HTML

Question

我在开发一个 Ionic v3 应用程序，我正在尝试在 *ngFor 中显示 HTML。

我有我的测试页面.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

如另一个问题所示，离子项只能呈现特定的元素。您正在尝试在离子项组件中呈现一个不起作用的离子图标。

您只需替换注入到div 中的内容即可测试这一点。如果将<ion-icon name="star-half"></ion-icon>换成<ion-note>Testing</ion-note>