Zu machen, wie die ng-repeat-filter out duplicate Ergebnisse

Oder schreiben Sie Ihre eigenen filter mit lodash.

app.filter('unique', function() {
    return function (arr, field) {
        return _.uniq(arr, function(a) { return a[field]; });
    };
});

InformationsquelleAutor Mike Ward

dieser code funktioniert für mich.

app.filter('unique', function() {

  return function (arr, field) {
    var o = {}, i, l = arr.length, r = [];
    for(i=0; i<l;i+=1) {
      o[arr[i][field]] = arr[i];
    }
    for(i in o) {
      r.push(o[i]);
    }
    return r;
  };
})

dann

var colors=$filter('unique')(items,"color");

InformationsquelleAutor Eduardo Ortiz

Hier ist eine einfache und generische Beispiel.

Filter:

sampleApp.filter('unique', function() {

  //Take in the collection and which field
  //  should be unique
  //We assume an array of objects here
  //NOTE: We are skipping any object which
  //  contains a duplicated value for that
  //  particular key.  Make sure this is what
  //  you want!
  return function (arr, targetField) {

    var values = [],
        i, 
        unique,
        l = arr.length, 
        results = [],
        obj;

    //Iterate over all objects in the array
    //and collect all unique values
    for( i = 0; i < arr.length; i++ ) {

      obj = arr[i];

      //check for uniqueness
      unique = true;
      for( v = 0; v < values.length; v++ ){
        if( obj[targetField] == values[v] ){
          unique = false;
        }
      }

      //If this is indeed unique, add its
      //  value to our values and push
      //  it onto the returned array
      if( unique ){
        values.push( obj[targetField] );
        results.push( obj );
      }

    }
    return results;
  };
})

Markup:

<div ng-repeat = "item in items | unique:'name'">
  {{ item.name }}
</div>
<script src="your/filters.js"></script>

InformationsquelleAutor Erik Trautman

UPDATE

War ich recomending den Gebrauch von Gesetzt, aber leider funktioniert das nicht bei ng-repeat, noch Karte, da ng-repeat funktioniert nur mit Arrays. So ignorieren Sie diese Antwort. sowieso wenn Sie brauchen, um Duplikate herausfiltern eine Weise ist, wie andere gesagt hat, mit angular filters, hier ist die link für Sie zu dem Bereich erste Schritte.

Alte Antwort

Yo können die ECMAScript 2015 (ES6) standard-Daten-Struktur, anstelle einer Array-Datenstruktur auf diese Weise filtern Sie wiederholt Werte, die beim hinzufügen zu dem Satz. (Denken Sie daran-sets erlauben nicht, dass wiederholte Werte). Wirklich einfach zu bedienen:

var mySet = new Set();

mySet.add(1);
mySet.add(5);
mySet.add("some text");
var o = {a: 1, b: 2};
mySet.add(o);

mySet.has(1); //true
mySet.has(3); //false, 3 has not been added to the set
mySet.has(5);              //true
mySet.has(Math.sqrt(25));  //true
mySet.has("Some Text".toLowerCase()); //true
mySet.has(o); //true

mySet.size; //4

mySet.delete(5); //removes 5 from the set
mySet.has(5);    //false, 5 has been removed

mySet.size; //3, we just removed one value

InformationsquelleAutor CommonSenseCode

Hatte ich ein array von strings, die nicht Objekte und früher habe ich diesen Ansatz:

ng-repeat="name in names | unique"

mit diesem filter:

angular.module('app').filter('unique', unique);
function unique(){
return function(arry){
        Array.prototype.getUnique = function(){
        var u = {}, a = [];
        for(var i = 0, l = this.length; i < l; ++i){
           if(u.hasOwnProperty(this[i])) {
              continue;
           }
           a.push(this[i]);
           u[this[i]] = 1;
        }
        return a;
    };
    if(arry === undefined || arry.length === 0){
          return '';
    }
    else {
         return arry.getUnique(); 
    }

  };
}

InformationsquelleAutor Helzgate

Wenn Sie möchten, um einzigartige Daten auf der Grundlage der verschachtelten Schlüssel:

app.filter('unique', function() {
        return function(collection, primaryKey, secondaryKey) { //optional secondary key
          var output = [], 
              keys = [];

          angular.forEach(collection, function(item) {
                var key;
                secondaryKey === undefined ? key = item[primaryKey] : key = item[primaryKey][secondaryKey];

                if(keys.indexOf(key) === -1) {
                  keys.push(key);
                  output.push(item);
                }
          });

          return output;
        };
    });

Nennen mag :

<div ng-repeat="notify in notifications | unique: 'firstlevel':'secondlevel'">

InformationsquelleAutor thethakuri

Fügen Sie diesen filter:

app.filter('unique', function () {
return function ( collection, keyname) {
var output = [],
    keys = []
    found = [];

if (!keyname) {

    angular.forEach(collection, function (row) {
        var is_found = false;
        angular.forEach(found, function (foundRow) {

            if (foundRow == row) {
                is_found = true;                            
            }
        });

        if (is_found) { return; }
        found.push(row);
        output.push(row);

    });
}
else {

    angular.forEach(collection, function (row) {
        var item = row[keyname];
        if (item === null || item === undefined) return;
        if (keys.indexOf(item) === -1) {
            keys.push(item);
            output.push(row);
        }
    });
}

return output;
};
});

Aktualisieren Sie Ihre markup:

<select ng-model="orderProp" >
   <option ng-repeat="place in places | unique" value="{{place.category}}">{{place.category}}</option>
</select>

InformationsquelleAutor Shawn Dotey

Erstellen Sie Ihre eigenen array.

<select name="cmpPro" ng-model="test3.Product" ng-options="q for q in productArray track by q">
    <option value="" >Plans</option>
</select>

 productArray =[];
angular.forEach($scope.leadDetail, function(value,key){
    var index = $scope.productArray.indexOf(value.Product);
    if(index === -1)
    {
        $scope.productArray.push(value.Product);
    }
});

InformationsquelleAutor Akhilesh Kumar