angularjs 指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效
2015-06-25 11:34
801 查看
angular的坑很多
例子:
在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!
这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。
使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:
var el=$compile("HTML代码")(scope); element.append(el);
angular的坑很多
例子:
在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!
这个是因为异步返回之后,指令的编译已经完成,因此需要动态编译。
使用$compile服务! 在link方法中对返回后的html代码经过$compile服务处理后再插入:
var el=$compile("HTML代码")(scope); element.append(el);
相关文章推荐
- AngulaJS实战总结, 带你进入AngularJS世界(待续)
- 强强联合之jquery操作angularjs对象
- 【转载】AngularJs 指令directive之controller,link,compile
- [AngularJS] Extract predicate methods into filters for ng-if and ng-show
- angular 路由
- angular 路由
- AngularJS tips-2 初始篇
- AngularJS Routing Using UI-Router
- AngularJS tips-1 安装篇
- 关于angularjs的一些小知识点
- ionic ,angularJS
- AngularJs ng-model在input中无效,js无法调用
- AngularJS 拦截器和应用例子(转)
- 基于AngularJS的拖拽上传
- AngularJs 总结
- (一)AngularJS获取贴纸Hello World
- 简述AngularJS相关的一些编程思想
- 在JavaScript的AngularJS库中进行单元测试的方法
- Angularjs Directive(指令)机制
- 使用Raygun来自动追踪AngularJS中的异常