转: angularjs 指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效

angular的坑很多

例子:

在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作, 能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!

这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。

使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:

var el=$compile("HTML代码")(scope); element.append(el);

 

posted @ 2015-05-13 18:01  前端小鬼头  阅读(327)  评论(0编辑  收藏  举报