AngularJS 2 中如何实现ng-bind-html
来源:互联网 发布:广州市网络大学堂 编辑:程序博客网 时间:2024/05/01 07:31
问题:
在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="#" target="_blank" [innerHtml]="data"></a>
search.component.ts
export class SearchComponent { private data: string = "<b>helloWorld</b>";}
转自:http://www.lvhongqiang.com/blog425.html
0 0
- AngularJS 2 中如何实现ng-bind-html
- AngularJS 2 中如何实现ng-bind-html
- angularjs中ng-bind-html使用问题
- AngularJs ng-bind-html指令整理
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题
- AngularJS使用ng-bind-html会过滤html中style属性的问题
- angularjs ng-bind-html 指令 对html标签转译
- angularjs中ng-bind和ng-model用法
- AngularJS中ng-app、ng-model、ng-bind、ng-init、ng-repeat、自定义指令
- angularJS中把html格式的字符串转成html格式显示,ng-bind-html与trustAsHtml的过滤器
- angularJs 中的ng-bind-html指令和$sce服务
- AngularJS中ng-model如何实现非实时同步
- ng-bind-html指令
- ionic ng-bind-html
- ionic ng-bind-html
- ng-bind-html指令
- ionic ng-bind-html
- HTML简介
- iOS拖动按钮排序UI效果
- Semaphore笔记
- 数据挖掘笔记(1)——数据库与数据仓库,挖掘模式
- html基础回顾--html文本框常见运用技巧及示例
- AngularJS 2 中如何实现ng-bind-html
- R语言:Sys.sleep()与Sys.time()
- 数据恢复:在 Linux 上恢复删除了的文件
- RFID系统 免费开源代码 开发,分享[申明:来源于网络]
- 数据结构实验之查找四:二分查找
- 初次使用bantu16.04LTS时几个小问题的解决方法记录
- Oracle优化12-10053事件
- OJ.反应堆
- elasticsearch 集群安装部署