要在AngularJS中使用ng-repeat时,确保不重复,可以使用AngularJS内置的过滤器filter
来实现。下面是一个示例代码:
HTML代码:
- {{ item }}
JavaScript代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.items = ['apple', 'banana', 'apple', 'orange', 'banana', 'grape'];
$scope.unique = function(value, index, self) {
return self.indexOf(value) === index;
};
});
在上面的例子中,items
数组包含了一些重复的元素。为了确保在ng-repeat中不重复显示这些元素,我们定义了一个名为unique
的过滤器函数。该函数会在每次ng-repeat迭代时调用,并返回true
或false
来判断当前元素是否是数组中第一次出现的元素。如果是第一次出现的元素,它将被显示在页面上。
这样,ng-repeat将只显示数组中不重复的元素,即结果将是apple
、banana
、orange
和grape
。