Est-il meilleur moyen de liaison de données avec [innerHTML], angulaire 4

Question

Mon problème est que dans angulaire 4 il y a quelques façons de lier des données HTML à TS comme {{myText}}, [], () et autres que ceux que nous pouvons utiliser [innerHTML]="myText"

Quelle est la meilleure façon de lier une variable simple au HTML parmi {{}}, [innerHTML]?

Answer 1

Bind avec {{Yourtext}} est il ne contenant pas de HTML balises

Bind avec [innerHTML] = "youtText" si elle a des HTML balises

Answer 2

Essayez comme ceci:

<div [innerHTML]="htmlString"></div> 

dans le fichier tapuscrit:

htmlString: string = "Hello world"; <!-- if want to display string --> 
htmlString: string = "<h1>Hello world</h1>"; <!-- if want to display html element -->