ngModel innerHTML在p标签中工作，但在输入标签angular2中不起作用

Question

在我的一个angular2应用程序中，我想在输入字段中显示模型的innerHTML，其中附有一个模型。

<input type="text"  [(ngModel)]="studentCategory" [innerHTML]="studentCategory"/>

studentCategory的值来自数据库，其中有一些'＆＃174;' 值。 它直接显示在文本框中，而应显示寄存器符号

我可以通过以下方式轻松展示这一点

<p [innerHTML]="studentCategory"/></p>

但不是在有模型附加的输入中。

提前致谢。

Answer 1

innerHTML指的是HTML标记的内容。

<p>标签可能包含措辞内容。 但是， <input>标记必须为空。 它可能没有任何子元素也没有文本内容。

<p [innerHTML]="'hello'"></p>解析为<p>hello</p> 。 这是合法的HTML。 但<input>hello</input>无效。 （ <textarea>hello</textarea>有效）。

在将字符串分配给ngModel变量studentCategory之前，您需要确保HTML实体已经未转义。