ionic2/angular2プロジェクトの* ngForループ内でhtmlコンテンツをレンダリングする

Question

ionic2プロジェクトでは、* ngForループのタグ内にhtmlコンテンツをレンダリングする必要があります。

ここに私のテンプレート：post.content内部

<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> 

私はいくつかのHTMLタグを持っています。 どうすれば正しくレンダリングできますか？

Answer 1

使用innerHTMLは：

<p [innerHTML]="post.content"></p> 

注：HTMLでのいくつかの潜在的に危険なコードがある場合、あなたはDomSanitizerを使用する必要があります。