Render html content in * ngFor loop in ionic2/angular2 project

Question

в проекте ionic2 Мне нужно отобразить содержимое html внутри тега в цикле * ngFor.

здесь мой шаблон:

<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-теги. Как я могу сделать его правильно?

Answer 1

Использование innerHTML:

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

Примечание: если есть некоторые потенциально небезопасный код в ваш HTML, вы должны будете использовать DomSanitizer.