‚ng-repeat‘ ​​Wie die `unique` Werte

Question

Mit einem Array zu bekommen, Ich versuche, die unique Informationen in der Liste zu filtern und zeigen. Dafür benutze ich die angular inbuild filter Methode.

Aber ich bin immer Fehler.

Hier ist mein Versuch (ich Filterung von SubProjectName)

<ul> 
    <li ng-repeat="project in projectNames | unique: 'SubProjectName' "> 
     {project.SubProjectName}} 
    </li> 
</ul> 

Live Demo

Answer 1

AngularJS kein unique Filter standardmäßig enthalten. Sie können das von angular-filter verwenden. Gerade sind die JavaScript-

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script> 

und schließen die dependeny in Ihrer App:

var app = angular.module('myApp', ['angular.filter']); 

Code sollte sofort funktionieren! Ich habe Ihre Plunker bearbeitet, damit es funktioniert.

Answer 2

Die unique Filter Sie stammen wahrscheinlich aus AngularUI versuchen, zu verwenden, so dass Sie es hinzufügen müssen:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script> 

und fügen Sie es als Modul Abhängigkeit:

var app = angular.module('plunker', ['ui.filters']); 

Answer 3

Ich habe Ihre plunkr als http://plnkr.co/edit/sx3u1ukH9752oR1Jfx6R?p=preview hinzugefügt Filter Abhängigkeit

var app = angular.module('plunker', ['angular.filter']); 

Hoffnung aktualisiert diese Sie

Answer 4

kann helfen, ich glaube, Sie suchen eine Antwort wie diese

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.projectNames=projects 
    $scope.Id = "1"; 
    $scope.SubProjectName="Retail Building"; 

}) 
.filter('unique', function() { 
    return function(projects, subProjectName) { 
    var newprojects =[]; 
    projects.forEach(function(project){ 
     if(project.SubProjectName === subProjectName) 
     newprojects.push(project); 
    }); 
    return newprojects; 
    }; 
}); 

---

<li ng-repeat="project in projectNames | unique:SubProjectName">{{project.SubProjectName}}</li> 

Demo