Render html Inhalt innerhalb * ngFor Schleife in ionic2/angular2 Projekt

Question

in einem ionic2 Projekt Ich muss einige HTML-Inhalt innerhalb eines Tags in einer * ngFor-Schleife rendern.

hier meine Vorlage:

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

innen post.content Ich habe einige HTML-Tags. Wie kann ich es richtig rendern?

Answer 1

Verwendung innerHTML:

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

Hinweis: Wenn es in Ihrem HTML einige potenziell unsicheren Code ist, müssen Sie DomSanitizer verwenden.