当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

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

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

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

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

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

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
指令扩展了HTML语法,同时它也是使用自定义的元素和属性把行为和DOM转换关联到一起的方式。通过这些
http://www.jb51.net/article/58229.htm 通常大家在使用ng中的指令的时候,用的链接函数最多的是link
关于AngularJs的指令的知识学习,请参考。。。 这次我们接上次没讲完的知识继续。 前端人员在设计表
指令扩展了HTML语法,同时它也是使用自定义的元素和属性把行为和DOM转换关联到一起的方式。通过这些
创建一个模块 var app = angular.module('app', []); 创建一个简单指令标签 app.directive('alert',
指令,我将其理解为AngularJS操作HTML element的一种途径。 由于学习AngularJS的第一步就是写内置指
前面练习了如何自定义指令,这里练习一下指令在不同的控制器中如何复用。   —— 来自《慕课网 指
AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。 前面提到
前面基本了解了指令的相关内容:   1 如何自定义指令   2 指令的复用 本篇看一下指令之间如何交
1 <!DOCTYPE html> 2 <html ng-app="app"> 3 <head lang="en"> 4 <meta chars
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号