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. docker - 如何修改运行中容器的配置2. 网页爬虫 - Python:爬虫的中文编码问题?3. javascript - 关于Js中 this的一道题4. javascript - 修改表单多选项时和后台同事配合的问题。5. ubuntu 远程管理KVM设置问题6. javascript - H5页面怎么查看console信息?7. thinkjs - 使用mysql搭建cms应该如何设计表?或怎样开始?8. css - 手机页面在安卓和苹果浏览器显示不同的小小问题9. javascript - vue生成一维码?求助!!!!!急10. angular.js - angularjs如何动态改变ng-model值,在controller中获取input中输入的值并组合post发送到后台
