'ng-repeat' Come ottenere i valori `unique`

Question

Utilizzando un array, sto cercando di filtrare e mostrare le informazioni unique nell'elenco. Per questo io uso il metodo angular nell'edificio filter.

Ma sto ricevendo errore.

Ecco il mio tentativo (sto filtraggio per SubProjectName)

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

Live Demo

Answer 1

AngularJS non include un filtro unique per impostazione predefinita. È possibile utilizzare quello da angular-filter. Basta inserire il codice JavaScript

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

e includono il dependeny nella vostra applicazione:

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

Il codice dovrebbe lavorare subito! Ho modificato il tuo Plunker così funziona.

Answer 2

Il filtro unique si sono probabilmente tentando di utilizzare proviene da AngularUI, quindi è necessario includerlo:

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

e aggiungerlo come dipendenza del modulo:

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

Answer 3

Ho aggiornato il vostro plunkr come http://plnkr.co/edit/sx3u1ukH9752oR1Jfx6R?p=preview dipendenza filtro aggiunto

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

Spero che questo possa aiutare a

Answer 4

Penso che siete alla ricerca di una risposta del genere

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