Angularjs中的ng-repeat

前端之家收集整理的这篇文章主要介绍了Angularjs中的ng-repeat前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ng-repeat 指令用于循环输出指定次数的 HTML 元素。集合必须是数组或对象。

例如:

<input ng-repeat="x in records" value="{{x}}/> <script> var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope) { $scope.records = ["1","2","3","4"] }); </script>

在这里要注意:
1、对于每一个div都有自己独立的scope,该scope拥有一个$index属性作为标示repeat的位置(请注意使用$index属性,貌似有不少的坑)。

2、该controller只关注到records的变化,而不会关注到repeat出来的数据的变化。即是说,你修改了input的值,而不会进行重新运行ng-repeat,除非你改变了records的长度。

原文链接:https://www.f2er.com/angularjs/149003.html

猜你在找的Angularjs相关文章