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

在我的一个angular2应用程序中，我想在模型的输入字段中显示模型的innerHTML。ngModel innerHTML在p标签中工作，但不在输入标签中angular2

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

studentCategory的值由具有一些数据的基础上未来 '&＃174;'值。这是直接显示在文本框中起来，而是应该表现出寄存器符号

我可以很容易地显示此通过以下方式

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

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

在此先感谢。

2017-07-26 Raj

你的问题不清楚。你到底想做什么？你想在输入中显示什么HTML？这是一个输入框，您可以在其中放置一个占位符，或者您可以使用默认值填充它，但使用innerHTML您想实现什么？ – monica

innerHTML引用HTML标签的内容。

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

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

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

2017-07-26 19:25:23

编辑我的问题以获得更好的理解。我的问题是，学生类别是具有来自数据库的值的模型。我只是在文本框中显示值。所以我不能改变价值。 – Raj

回答