使用[innerHTML]和[4]进行数据绑定是最好的方法吗
我的问题是,在angular 4中,除了我们可以使用的使用[innerHTML]和[4]进行数据绑定是最好的方法吗,html,angular,typescript,data-binding,Html,Angular,Typescript,Data Binding,我的问题是,在angular 4中,除了我们可以使用的[innerHTML]=“myText”之外,很少有方法使用HTML将数据绑定到TS,比如{{myText},[],(),以及其他方法 在{{},[innerHTML]中,将简单变量绑定到HTML的最佳方法是什么?将其与{{yourText}绑定是因为它不包含任何HTML标记 如果它有任何HTML标记,请用[innerHTML]=“youtText”绑定它 <div [innerHTML]="htmlString"></di
[innerHTML]=“myText”
之外,很少有方法使用HTML将数据绑定到TS,比如{{myText}
,[]
,()
,以及其他方法
在{{},[innerHTML]中,将简单变量绑定到HTML的最佳方法是什么?将其与{{yourText}绑定是因为它不包含任何HTML标记 如果它有任何HTML标记,请用[innerHTML]=“youtText”绑定它
<div [innerHTML]="htmlString"></div>
在typescript文件中:
htmlString: string = "Hello world"; <!-- if want to display string -->
htmlString: string = "<h1>Hello world</h1>"; <!-- if want to display html element -->
htmlString:string=“Hello world”;
htmlString:string=“Hello world”;
它们用于不同的目的。表达式绑定({}
)输出原始文本,而[innerHTML]
输出HTML格式的文本。什么是“最佳”取决于变量包含的内容。如果它只是一个文本?