Angularjs中的ng-repeat

最新推荐文章于 2024-01-28 05:15:00 发布

原创最新推荐文章于 2024-01-28 05:15:00 发布 · 730 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Angular中ng-repeat指令的用法，该指令用于循环输出指定次数的HTML元素，并展示了如何在一个控制器中使用ng-repeat指令来显示数组中的数据。同时，文章还提到了在使用ng-repeat时需要注意的两个关键点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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