它是与[InnerHTML] Angular 4结合数据结合的最佳方法

Question

我的问题是，在Angular 4中，几乎没有其他方法可以使用HTML与{{myText}}，[]，()等TS绑定，除了我们可以使用[innerHTML]="myText"

的其他方法以外

在{{}}}，[innerhtml]之间将简单变量绑定到HTML的最佳方法是什么？

Answer 1

尝试这样：

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

在打字稿文件中：

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

Answer 2

用{{yourtext}}绑定它不是包含任何html markups

如果它具有任何HTML标记