angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效
2016-01-06 11:15
726 查看
原文:http://bijian1013.iteye.com/blog/2174983
在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!
这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。
使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:
var el=$compile("HTML代码")(scope); element.append(el);
在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!
这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。
使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:
var el=$compile("HTML代码")(scope); element.append(el);
相关文章推荐
- AngularJs基础——常用服务
- angular
- AngularJS学习笔记
- Angular directive bug
- 14-Angular供应商和自定义服务
- AngularJS+ASP.NET MVC+SignalR实现消息推送
- angularjs中button点击变色的实现
- 10 个非常有用的 AngularJS 框架
- 在 AngularJS 中将 XML 转换为 JSON
- UIBootatrap:是由AngularJS UI团队编写的纯AngularJS实现的Bootstrap组件
- Bootstrap+angularjs+MVC3+分页技术+角色权限验证系统
- AngularJs+bootstrap搭载前台框架——准备工作
- 100%会用到的angularjs的知识点【新手可mark】
- Angular路由2
- angularjs指令(二)
- 使用 AngularJS 的路由和模板实现单页应用 (Single Page)
- AngularJS 使用$sce控制代码安全检查
- AngularJS项目中使用中的几点注意事项
- angularjs指令(一)
- AngularJS Cookies Example