angular.js - `ng-bind-html`中的`ng-click`指令不生效-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - `ng-bind-html`中的`ng-click`指令不生效

習慣沉默 2017-05-15 16:52:04

[AngularJS讨论组]

946

js代码如下：

$scope.uploadInfo = $sce.trustAsHtml('上传成功！<a ng-click="'+
                        "quitTo('customer')"+
                        '">点击</a>跳转到客户列表界面');
                        //$scope.$apply();

html代码如下：

<p class="modal-content">
    <p class="modal-body" ng-bind-html="uploadInfo">
    </p>
</p>

在浏览器中看到的dom结构如下：

点击图中文字链接没有任何响应，在“quitTo()”函数中设断点发现没有执行到。
怎么才能让这里生效呢？我试了$scope.$apply()，还试了$compile()，发现都没有用。

習慣沉默

全部回复(2)

世界只因有你2017-05-15 16:54:04 2楼

有别的方法，或能具体解释其原理的话，希望可以和我分享

这个问题虽然自己解决了，但感觉不是非常理解。用的是

var uploadInfo = '上传成功！<a ng-click="'+
                        "quitTo('customer')"+
                        '">点击</a>跳转到客户列表界面';
var ele = $compile(uploadInfo)($scope);
angular.element('.modal-body').append(ele);

没有用ng-bind-html和$sce.trustAsHtml()。