AngularJS einzigartige Filter - nicht immer eindeutige Feldlänge

Question

https://github.com/a8m/angular-filter/

ich die oben AngularJS-Filter-Bibliothek ist mit einzigartiger Eigenschaft in ng-Wiederholung zu verwenden.

unten ist mein Code

<div class="rankblock" ng-repeat="item in sports.Ranks.Rank |unique:'_position'> 
<span> {{sports.Ranks.Rank.length}}</span> // 
</div> 

nach einzigartig in ng-repeat meiner Rang Arraylänge wird zu 6, aber es zeigt immer noch 9 (die ursprüngliche Länge Arr) in der Ausgabe.

Answer 1

Der Filter kehrt intern in ng-repeat ein neues Array zurück. Dies ist die Idee des Filters - Filtern, aber vermeiden Sie es, die Eingabe zu ändern. Mit anderen Worten:

ng-repeat="item in sports.Ranks.Rank | unique:'_position' 

sagt ng-Wiederholung durch das Ergebnis der Filterfunktion zu gehen, die ohne Duplikate ein neues Array ist, wenn hier

<span> {{sports.Ranks.Rank.length}}</span> 

Sie noch die Länge des Originals gelesen ein.

Wenn Sie die neue Array-Länge anzeigen möchten, können Sie z. versuchen Sie folgendes

{{ (sports.Ranks.Rank | unique:'_position').length }} 

(hat nie so etwas getan, vielleicht funktioniert das), immer noch ist dies keine performante Lösung. Tatsächlich würde ich Deduplizierung auf einer Controller-Ebene machen.

Answer 2

Wie Sie auf https://github.com/a8m/angular-filter/blob/master/src/_filter/collection/unique.js verweisen können Dieser Filter gibt ein neues Array von Objekten zurück. Daher ändert es nicht Ihr ursprüngliches Objekt.