快捷導(dǎo)航

Angularjs的ng-repeat中去除重復(fù)數(shù)據(jù)的方法

更新時(shí)間：2016年08月05日 11:44:58 作者：Quber

這篇文章主要介紹了Angularjs的ng-repeat中去除重復(fù)數(shù)據(jù)的方法,涉及AngularJS針對(duì)重復(fù)數(shù)據(jù)的遍歷與過(guò)濾技巧,需要的朋友可以參考下

本文實(shí)例講述了Angularjs的ng-repeat中去除重復(fù)數(shù)據(jù)的方法。分享給大家供大家參考，具體如下：

一、JS：

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初始化靜態(tài)模板詳解
這篇文章主要為大家介紹了AngularJS初始化靜態(tài)模板，AngularJS初始化靜態(tài)模板有兩種方式，一是通過(guò)ng-app來(lái)自動(dòng)初始化模塊，也可以通過(guò)angular.bootstrap(document, [module])手動(dòng)啟動(dòng)應(yīng)用，感興趣的小伙伴們可以參考一下
2016-01-01
Angular 與 Component store實(shí)踐示例
這篇文章主要為大家介紹了Angular 與 Component store實(shí)踐示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
angular.js指令中的controller、compile與link函數(shù)的不同之處
最近一位大神問(wèn)了我angular.js指令中的controller、compile與link函數(shù)的不同，想了想居然回答不出來(lái)，所以必須要深入的探究下，下面這篇文章主要介紹了關(guān)于angular.js指令中的controller、compile與link函數(shù)的不同之處，需要的朋友可以參考下。
2017-05-05
詳解基于angular路由的requireJs按需加載js
本篇文章主要介紹了詳解基于angular路由的requireJs按需加載js，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-01-01
AngularJS 過(guò)濾與排序詳解及實(shí)例代碼
這篇文章主要介紹了AngularJS 過(guò)濾與排序，這里整理了詳細(xì)的資料及簡(jiǎn)單實(shí)例代碼，有需要的小伙伴可以參考下
2016-09-09
RequireJs的使用詳解
本文主要介紹了RequireJs的使用。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
Angular實(shí)現(xiàn)的自定義模糊查詢(xún)、排序及三角箭頭標(biāo)注功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的自定義模糊查詢(xún)、排序及三角箭頭標(biāo)注功能,涉及AngularJS針對(duì)頁(yè)面table元素的遍歷、查詢(xún)、判斷、排序等相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
深入理解Angular4中的依賴(lài)注入
在Angular中使用依賴(lài)注入，可以幫助我們實(shí)現(xiàn)松耦合，可以說(shuō)只有在組件中使用依賴(lài)注入才能真正的實(shí)現(xiàn)可重用的組件。
2017-06-06
jQuery和AngularJS的區(qū)別淺析
這篇文章主要介紹了jQuery和AngularJS的區(qū)別淺析,本文著重講解一個(gè)熟悉jQuery開(kāi)的程序員如何應(yīng)對(duì)AngularJS中的一些編程思想的轉(zhuǎn)變,需要的朋友可以參考下
2015-01-01
AngularJS中isolate scope的用法分析
這篇文章主要介紹了AngularJS中isolate scope的用法,結(jié)合實(shí)例形式分析了isolate scope的幾種具體使用方式,需要的朋友可以參考下
2016-11-11