ngApp.filter('unique', function () {
  return function (collection, 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;
  };
});

二、Html：

<div ng-repeat="item in items | unique: 'id'"></div>

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

AngularJS基礎(chǔ) ng-switch 指令簡(jiǎn)單示例
本文主要講解AngularJS ng-switch 指令,這里對(duì)ng-switch 指令的基礎(chǔ)資料做了詳細(xì)整理，并附代碼示例，有興趣的小伙伴可以參考下
2016-08-08
AngularJS入門(mén)教程之模塊化操作用法示例
這篇文章主要介紹了AngularJS模塊化操作用法,結(jié)合實(shí)例形式分析了AngularJS基于模塊化操作避免命名沖突的相關(guān)操作技巧,需要的朋友可以參考下
2016-11-11
Angular.JS學(xué)習(xí)之依賴(lài)注入$injector詳析
隨著javaEE的spring框架的興起，依賴(lài)注入（IoC）的概念徹底深入人心，它徹底改變了我們的編碼模式和思維。在AngularJS中也有依賴(lài)注入的概念，像spring中的依賴(lài)注入，但是又有所不同。Angular中只需要在需要的地方聲明一下即可，類(lèi)似模塊的引用，因此十分方便。
2016-10-10
在angular 6中使用 less 的實(shí)例代碼
這篇文章主要介紹了在angular 6中使用 less 的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2018-05-05
python爬取安居客二手房網(wǎng)站數(shù)據(jù)(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇python爬取安居客二手房網(wǎng)站數(shù)據(jù)(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
詳解angular2如何手動(dòng)點(diǎn)擊特定元素上的點(diǎn)擊事件
這篇文章主要介紹了詳解angular2如何手動(dòng)點(diǎn)擊特定元素上的點(diǎn)擊事件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-10-10
Angular異步變同步處理方法
今天小編就為大家分享一篇Angular異步變同步處理方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
AngularJs中$cookies簡(jiǎn)單用法分析
這篇文章主要介紹了AngularJs中$cookies簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了AngularJS使用$cookies存儲(chǔ)變量相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2019-05-05
詳解Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建
本篇文章主要介紹了Angular CLI + Electron 開(kāi)發(fā)環(huán)境搭建，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-07-07
Angular實(shí)現(xiàn)預(yù)加載延遲模塊的示例
本篇文章主要介紹了Angular實(shí)現(xiàn)預(yù)加載延遲模塊的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10