从 ng-repeat 中删除重复项 [英] Remove duplicate from ng-repeat
本文介绍了从 ng-repeat 中删除重复项的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个非常简单的数组，它有重复的值.我的数组是这样的:
I have a very simple array that has duplicate values. My array is like this:
$scope.type= ["Bar", "Pie", "Line", "Line", "Line", "Line", "Line", "Line", "map", "Line", "Bar", "Pie", "Pie", "Pie", "Pie", "Pie", "Pie", "Pie"]
在我的 ng-repeat 中，我有这个条件
in my ng-repeat, I have this condition
ng-repeat = types in type track by $index
如何在 ng-repeat 中仅显示数组中的唯一值?
How can I display only the unique values from my array in ng-repeat?
推荐答案
您可以在使用 ng-repeat 的同时使用 unique 过滤器.
You can use unique filter while using ng-repeat.
ng-repeat="type in types|unique: type"
var app = angular.module('myApp',['ui.directives', 'ui.filters']);
app.controller("myCtrl", function($scope) {
$scope.types = ["Bar", "Pie", "Line", "Line", "Line", "Line", "Line", "Line", "map", "Line", "Bar", "Pie", "Pie", "Pie", "Pie", "Pie", "Pie", "Pie"];
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="type in types|unique: type">{{type}}</div>
</body>这篇关于从 ng-repeat 中删除重复项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
