angular学习笔记(三十)-指令(4)-transclude
本篇主要介绍指令的transclude属性: transclude的值有三个: 1.transclude:false(默认值) 不启用transclude功能. 2.transclude:true 启用transclude,启用以后,有两个地方会发生变化: ①.使用指令的元素内部 ...
原文：angular学习笔记(三十)-指令(6)-transclude()方法(又称linker()方法)-模拟ng-repeat指令
在angular学习笔记 三十 指令 transclude文章的末尾提到了,如果在指令中需要反复使用被嵌套的那一坨,需要使用transclude 方法. 在angular学习笔记 三十 指令 link文章也提到了link函数的第五个参数linker. 这篇文章就来讲解一下transclude 方法 linker 方法 ,是怎么使用的,另外,它也是compile函数的第三个参数,用法一样. 下面就通 ...
2014-09-18 19:20 0 2194 推荐指数：
相关推荐
angular指令监听ng-repeat渲染完成后执行自定义事件方法
今天工作中遇到需要用到ng-repeat遍历渲染完后执行某个操作，angular本身并没有提供监听ng-repeat渲染完成的指令，所以需要自己创建自定义指令。 在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last/$odd/$even ...
angular 学习笔记（3） ng-repeat遍历json并且给样式
视图： <div ng-app="myapp" ng-controller="myctrl"> <ul> <li ng-repeat="(k,v) in data" style="{{$even?'color: red ...
angular1中ng-repeat效率优化方法：
1.当 ng-repeat 的数组被替换时, 它默认并不会重新利用已有的 Dom 元素，而是直接将其全部删除并重新生成新的数组 Dom 元素： 2.Dom 的频繁操作是非常不友好的， ng-repeat为什么不能利用已有的 dom 元素去更新数据呢？因为你没有把数组元素的标识属性告诉它，那么两次 ...
angular学习笔记(三十)-指令(5)-link
这篇主要介绍angular指令中的link属性: link:function(scope,iEle,iAttrs,ctrl,linker){ .... } link属性值为一个函数,这个函数有五个参数:scope,iEle,iAttrs,ctrl,linker scope:指令所在 ...
angular学习笔记(三十)-指令(3)-templateUrl
这篇主要介绍指令中的templateUrl属性: templateUrl属性值是一个url路径,路径指向一个html模板,html模板会填充(或替换)指令内容: 比如上一篇文章里的案例,我们把原来的template属性改用为templateUrl属性: 方法一: html ...
利用angular指令监听ng-repeat渲染完成后执行脚本
业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作，angular本身并没有提供监听ng-repeat渲染完成的指令，所以需要自己动手写。有经验的同学都应该知道，在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last ...