Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用[innerHTML]和[4]进行数据绑定是最好的方法吗_Html_Angular_Typescript_Data Binding - Fatal编程技术网

使用[innerHTML]和[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

我的问题是,在angular 4中,除了我们可以使用的
[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格式的文本。什么是“最佳”取决于变量包含的内容。如果它只是一个文本?