Danielmumu 2016-06-22
在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); } }