动态加载指令时如何绑定事件(angularjs1)
在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); } }
相关推荐
liqinglin0 2020-06-01
jvm 2020-05-30
tztzyzyz 2018-09-07
madanling 2018-12-11
mfkpum 2018-11-14
suis 2019-07-25
zhuxue 2019-06-28
人心 2019-06-27
hackcat 2015-04-23
超级赛亚人 2014-11-15
无情 2014-11-14
asdjkl 2014-09-09
JeWangZhe 2013-07-30
无情 2013-07-02
JAVALin 2013-05-29
人心 2019-06-25
83457317 2011-11-03