angular.js - `ng-bind-html`中的`ng-click`指令不生效
问题描述
js代码如下:
$scope.uploadInfo = $sce.trustAsHtml(’上传成功!<a ng-click='’+'quitTo(’customer’)'+’'>点击</a>跳转到客户列表界面’);//$scope.$apply();
html代码如下:
<p class='modal-content'> <p ng-bind-html='uploadInfo'> </p></p>
在浏览器中看到的dom结构如下:
点击图中文字链接没有任何响应,在“quitTo()”函数中设断点发现没有执行到。怎么才能让这里生效呢?我试了$scope.$apply(),还试了$compile(),发现都没有用。
问题解答
回答1:有别的方法,或能具体解释其原理的话,希望可以和我分享这个问题虽然自己解决了,但感觉不是非常理解。用的是
var uploadInfo = ’上传成功!<a ng-click='’+'quitTo(’customer’)'+’'>点击</a>跳转到客户列表界面’;var ele = $compile(uploadInfo)($scope);angular.element(’.modal-body’).append(ele);
没有用ng-bind-html和$sce.trustAsHtml()。
回答2:任何指令的生效都需要compile,这一步在app启动的时候angular先帮你做了,但你插入的html是没有经过compile这个步骤的,所以你手动compile下即可,之前自己写指令,动态插入元素时遇到过类似情况,欢迎继续交流。
相关文章:
1. html5 - echarts折线图 markline 数值怎么设置 不想用默认的average2. chrome浏览器怎么使用3. css - 关于图标字体4. javascript - 百度地图一开始设置了中心点,怎么通过按钮在调转到对应的中心点????5. python - 《flask web开发》中为什么发不出确认邮件?6. javascript - Tomcat突然就报错了,解析不了java文件,试过几个百度的解决方法,没解决。7. javascript - 百度echarts图表如何修改8. objective-c - 类似微信单聊的功能,想把聊天记录直接存入Sqlite,怎么建表.9. 为什么HTML5规范中会包含一些和html无关的东西?如本地存储等。10. mysql中的全文索引支持词根检索吗?