首页 > 代码库 > AngularJS 2 中如何实现ng-bind-html
AngularJS 2 中如何实现ng-bind-html
问题:
在AngularJS 1.x 中可以使用ng-bind-html来插入一段html代码,相当于struts2 标签的escape属性。但是AngularJS 2中取消了ng-bind-html,当项目中确实有需要动态插入html代码的时候我们该怎么做呢?
解决方法:
- 使用[innerHtml]代替ng-bind-html。
innerHtml属性,用于设置标签内的html,[innerHtml]=”data.title”用于动态将AngularJS 2的变量值赋给innerHtml属性,以实现ng-bind-html的效果。
完整示例:
search.component.html
<a href="http://www.mamicode.com/#" target="_blank" [innerHtml]="data"></a>
search.component.ts
export class SearchComponent { private data: string = "<b>helloWorld</b>"; }
转自:http://www.lvhongqiang.com/blog425.html
AngularJS 2 中如何实现ng-bind-html
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。