Rendre le contenu HTML en Ionic 3/4
view.html
<div>{{text}}</div>
La question est que "texte" contient du code HTML que je souhaite afficher comme il se doit, mais il ne montre que les balises HTML et le texte.
Que puis-je faire pour rendre un tel contenu?
J'ai essayé les solutions de la version précédente (Ionic 1/2) et rien ne semble fonctionner avec Ionic v3.
Vous devriez utiliser la liaison d'attribut innerHTML comme ceci:
<div [innerHTML]="text"></div>
S'il vous plaît jeter un oeil à la documents angulaires pour plus d'informations.
au cas où vous voudriez l'écrire au paragraphe, vous pouvez le faire en
<p><span [innerHTML]="htmlObject"></span></p>
<p><span>"{{title}}" is the <i>interpolated</i> title.</span></p>
<p>"<span [innerHTML]="title"></span>" is the <i>property bound</i> title.</p>
<p><img src="{{heroImageUrl}}"> is the <i>interpolated</i> image.</p>
<p><img [src]="heroImageUrl"> is the <i>property bound</i> image.</p>