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

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

前端  /  管理员 发布于 2021-04-30 16:58:57   10

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

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

        使用$compile服务！ 在link方法中对返回后的html代码经过$compile服务处理后再插入：
var el=$compile("HTML代码")(scope); element.append(el);