ngModel innerHTML 在 p 标签中有效，但在输入标签 angular2 中无效

Posted 2023-05-07

【中文标题】ngModel innerHTML 在 p 标签中有效，但在输入标签 angular2 中无效

【英文标题】：ngModel innerHTML works in p tag but not in input tag angular2

【发布时间】：2018-01-02 05:10:48

【问题描述】：

在我的angular2申请的一个，我要显示在具有附连到其上的模型的输入字段中的模型的innerhtml。

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

studentCategory的值由具有一些数据的基础上未来“＆＃174;”价值观。它直接示出在文本框起来，而它应该显示的寄存器符号 P>

我可以很容易地以下列方式显示此 P>

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

而不是在输入具有模型附加到它。 P>

提前致谢。

【问题讨论】：

你的问题不清楚。那你究竟想干什么？ HTML是什么你想在输入显示？这是一个输入框，你可以放置一个占位符，否则，你可以用默认值填充它，但与innerHTML的你想达到什么样的？ SPAN>

【参考方案1】：

innerHTML 指的是 HTML 标签的内容。

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

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

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

【讨论】：

编辑了我的问题以便更好地理解。我的问题是学生类别是具有来自数据库的值的模型。我只是在文本框中显示值。所以我不能改变这个值。