首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

angularjs学习第七天笔记(系统指令学习)

6、ng-repeat:循环遍历一个集合数据,根据模板生成数据列     几个关键属性值:     $index:遍历的进度(0...length-1)     ...$first:当元素是遍历的第一个时值为true     $middle:当元素处于第一个和后元素之间时值为true     $last:当元素是遍历的后一个时值为true     $even:当$index...值是偶数时值为true     $odd:当$index值是奇数时值为true     ng-repeat在数据列表显示中用的比较多,在实际使用中可以根据其关键字进行样式设置展示     特别说明:集合数据的开始坐标是....odd { background-color: #808080; } ng-repeat...scope.addName }); }; });   7、{{}}与ng-bind指令:两个指令都是实现数据绑定    区别:由于{{}}绑定数据时,会因为加载后未渲染属性而导致浏览器闪烁

2.9K10

AngularJS:如何使用自定义指令来取代ng-repeat

引言 本文主要介绍了另一种即具有与ng-repeat 一样处理大量数据的绑定的功能,又具有超高的性能。...对于处理小数量,ng-repeat是非常有用的,但是如果需要处理非常大的数量集,还是采用自定义的方法更好一些。 也别是数据大多都是静态的或已预存储好的,这个时候应避免使用ng-repeat指令。...所以当我们想要实现ng-repeat的功能又想兼备性能,那只能另找一种方法了。...创建UL标签作为容器用于显示列表 我们选择动态加载List中的数据,首先添加div标签,并命名为"repeater-alternative"用于渲染流中。...,所以输出结果与调用ng-repeat结果相同,但是渲染更快,因为该方法只有一种数据绑定方式和少量的$watch。

2.4K70

angularjs学习第七天笔记(系统指令学习)

6、ng-repeat:循环遍历一个集合数据,根据模板生成数据列     几个关键属性值:     $index:遍历的进度(0...length-1)...    $first:当元素是遍历的第一个时值为true     $middle:当元素处于第一个和后元素之间时值为true     $last:当元素是遍历的后一个时值为true     $even...:当$index值是偶数时值为true     $odd:当$index值是奇数时值为true     ng-repeat在数据列表显示中用的比较多,在实际使用中可以根据其关键字进行样式设置展示     ....odd { background-color: #808080; } ng-repeat...scope.addName }); }; });   7、{{}}与ng-bind指令:两个指令都是实现数据绑定    区别:由于{{}}绑定数据时,会因为加载后未渲染属性而导致浏览器闪烁

2.6K30
领券