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

Question

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

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

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

我可以通过以下方式轻松显示

<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实体已经未转义。