首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

删除angularjs中的重复数组项

在AngularJS中删除重复数组项的方法有多种。以下是一种常见的方法:

  1. 使用AngularJS的内置过滤器unique来删除重复数组项。该过滤器会返回一个新数组,其中不包含重复的项。
代码语言:html
复制
<div ng-app="myApp" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="item in items | unique">{{ item }}</li>
  </ul>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.items = [1, 2, 3, 3, 4, 5, 5];
  });
  app.filter('unique', function() {
    return function(collection) {
      return collection.filter(function(item, index, self) {
        return self.indexOf(item) === index;
      });
    };
  });
</script>

在上述代码中,items数组中的重复项会被过滤掉,只显示不重复的项。

  1. 使用JavaScript的Set对象来删除重复数组项。Set对象是ES6中引入的一种新的数据结构,它只存储唯一的值。
代码语言:html
复制
<div ng-app="myApp" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="item in uniqueItems">{{ item }}</li>
  </ul>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.items = [1, 2, 3, 3, 4, 5, 5];
    $scope.uniqueItems = Array.from(new Set($scope.items));
  });
</script>

在上述代码中,通过将items数组转换为Set对象,然后再将其转换回数组,就可以去除重复项。

以上是两种常见的方法,可以根据具体情况选择适合的方法来删除AngularJS中的重复数组项。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券