在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,如果动态组的HTML里面有ng-click等事件时,会发现显示出来的内容根本不执行ng-click绑定的方法!
这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。
使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:
var el=$compile("HTML代码")(scope); element.append(el);
var TestCtrl = function($scope, $element,$compile){
$scope.a = '123';
$scope.set = function(){
var tpl = $compile('<p>hello {{ a }}</p>');
var e = tpl($scope);
$element.append(e);
}
}
本文介绍如何解决Angular中动态生成的HTML不触发事件绑定的问题。通过使用$compile服务重新编译动态生成的内容,确保了ng-click等指令能够正常工作。
321

被折叠的 条评论
为什么被折叠?



