是使用[innerHTML],angular 4进行数据绑定的最佳方式

时间:2017-10-03 03:31:26

标签: html angular typescript data-binding

我的问题是,在角度4中,有几种方法可以将数据与HTML绑定到TS,例如{{myText}}[]()以及我们可以使用的{{1} }

在{{}},[innerHTML]中将简单变量绑定到HTML的最佳方法是什么?

2 个答案:

答案 0 :(得分:3)

试试这样:

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

答案 1 :(得分:0)

用{{yourText}}绑定它是否包含任何HTML标记

用[innerHTML] =&#34; youtText&#34;绑定它如果它有任何HTML标记