加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angularjs中的ng-repeat

发布时间:2020-12-17 10:00:18 所属栏目:安全 来源:网络整理
导读:ng-repeat 指令用于循环输出指定次数的 HTML 元素。集合必须是数组或对象。 例如: input ng-repeat= "x in records" value= "{{x}}/ script var app = angular.module(" myApp ",[]); app.controller(" myCtrl ",function( $scope ) { $scope .records = ["

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的长度。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读