Filter自定義過濾器去重（附代碼）

來源：懂視網責編：小采時間：2020-11-27 19:40:08

Filter自定義過濾器去重（附代碼）

Filter自定義過濾器去重（附代碼）:這次給大家帶來Filter自定義過濾器去重（附代碼），Filter自定義過濾器去重的注意事項有哪些，下面就是實戰案例，一起來看一下。<!DOCTYPE html> <html> <head> <meta charset="utf-8">

推薦度：

點擊下載本文 文檔為doc格式

導讀Filter自定義過濾器去重（附代碼）:這次給大家帶來Filter自定義過濾器去重（附代碼），Filter自定義過濾器去重的注意事項有哪些，下面就是實戰案例，一起來看一下。<!DOCTYPE html> <html> <head> <meta charset="utf-8">

這次給大家帶來Filter自定義過濾器去重（附代碼），Filter自定義過濾器去重的注意事項有哪些，下面就是實戰案例，一起來看一下。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> ng-repeat去除重復</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<p ng-app="myApp" ng-controller="myCtrl">
 <p ng-repeat="x in items | unique:'id'">
 {{x.id}}---{{x.name}}
 </p>
</p>
<script>
 //AngularJs 自定義過濾器
 //1.使用過濾器，去除重復
 angular.module('common', []).filter('unique', function () {
 return function (collection, keyname) {
 console.info(collection);
 console.info(keyname);
 var output = [],
 keys = [];
 angular.forEach(collection, function (item) {
 var key = item[keyname];
 if (keys.indexOf(key) === -1) {
 keys.push(key);
 output.push(item);
 }
 });
 return output;
 }
 });
 var app = angular.module('myApp', ['common']);
 app.controller('myCtrl', function ($scope) {
 //$scope.items = [1, 2, 3,2];
 //當前unique 的過濾只針對，對象數組過濾
 $scope.items = [
 { id: 1, name: 'zhangsan' },
 { id: 2, name: 'lisi' },
 { id: 1, name: 'zhangsan' },
 ];
 });
</script>
</body>
</html>

運行結果：