angular - ngModel innerHTML 适用于 p 标签但不适用于输入标签 angular2

Question

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

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

studentCategory 的值来自数据库，其中有一些 '& #174;'值。它直接显示在文本框中，而应该显示一个注册符号

我可以用下面的方式很容易地展示这一点

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

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

提前致谢。

Answer 1

innerHTML指HTML标签的内容。

A <p>标签可能包含短语内容。一个<input>但是，标记必须为空。它可能没有任何子元素或文本内容。

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

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