Angular2 html绑定（html包含变量）

Question

我有HtmlString变量并且绑定如下是正确的：

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

但是HtmlString变量包含一些其他变量：

theHtmlString = "<input [(ngModel)]='value'/>";

如何为它绑定HTML？

Answer 1

Angular不会以这种方式处理HTML。它不解析绑定或实例化组件或指令。它按原样传递给浏览器。

Answer 2

你可以在模板中使用类似的东西：

<div [innerHTML]="value + 'abc ...'">
</div>

否则，您可以在表达式中使用大括号...