首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ngModel innerHTML可以在p标记中工作,但不能在输入标记angular2中工作

ngModel innerHTML可以在p标记中工作,但不能在输入标记angular2中工作
EN

Stack Overflow用户
提问于 2017-07-27 02:03:56
回答 1查看 1.6K关注 0票数 3

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

代码语言:javascript
复制
<input type="text"  [(ngModel)]="studentCategory" [innerHTML]="studentCategory"/>

studentCategory的值来自具有一些'& #174;‘值的数据库。它直接显示在文本框中,而应该显示一个寄存器符号

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

代码语言:javascript
复制
<p [innerHTML]="studentCategory"/></p>

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

提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2017-07-27 03:25:23

innerHTML指的是HTML标签的内容。

标签可以包含短语内容。但是,标记必须为空。它不能有任何子元素,也不能有文本内容。

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

在将字符串赋给ngModel变量studentCategory之前,需要确保HTML-entities已经未转义。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45334400

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档