在ionic2 / angular2项目中的* ngFor循环内渲染html内容

时间:2017-01-25 12:58:09

标签: javascript html angular ionic2 ngfor

在ionic2项目中,我需要在* ngFor循环中的标记内渲染一些html内容。

这是我的模板:

<ion-content padding>
<ion-list>
    <ion-item *ngFor="let post of posts">
        <ion-thumbnail item-left>
            <lazy-img src="{{post.thumbnail}}"></lazy-img>
        </ion-thumbnail>
        <h2>{{post.title}}</h2>
        <p>{{post.content}}</p>
        <button ion-button clear item-right (click)="viewPage(post)">View</button>
    </ion-item>
</ion-list>

post.content 里面我有一些html标签。 我怎样才能正确渲染它?

1 个答案:

答案 0 :(得分:4)

使用echo

type = Bug OR type = Request

注意:如果HTML中存在一些可能不安全的代码,则必须使用DomSanitizer