Einzigartige ng-Optionen in Angular

Question

Ich versuche, einzigartige Ergebnisse in eckigen ng-Optionen auf einer Auswahlbox zu erhalten.

<select ng-model="nationality" id="nationality" 
     ng-options="player as player.nationality for player in players></select> 

Der obige Code wird mir alle die Nationalität, aber es zeigt Duplikate.

<select ng-model="nationality" id="nationality" 
     ng-options="player as players | unique: 'player.nationality'"></select> 

Wenn ich diesen Code Winkel Wurf Fehler versuche und zeigt mir nichts in der Auswahlbox.

-Controller

var app = angular.module('premierLeagueDB', []); 
app.controller('mainCtrl', function($scope, $http) { 
$http({ 
    method : "GET", 
    url : "api.php/clubs", 
}).then(function mySucces(response) { 
    $scope.clubs = response.data.club; 
}, function myError(response) { 
    $scope.showError = response.statusText; 
}); 
}); 

Dank.

Answer 1

Ich denke, dieser Code wird für Sie arbeiten:

<select ng-model="nationality" id="nationality" ng-options="player as players | unique: 'nationality' "></select> 

=== === EDIT

Basierend auf dieser post, müssen Sie die Drittanbieter-Bibliothek, die Sie bieten die filter Service, Fügen Sie this library in Ihre HTML-Datei ein.

== EDIT 2 === Um zu demonstrieren, wie das funktioniert, mache ich eine working fiddle. In dieser Geige verwende ich anuglar-ui Bibliothek, um das Modul zu ersetzen, und es funktioniert wie erwartet.

Wenn Sie nur ‚ui.filters‘ Modul benötigen, aber nicht die anderen Teile (nur Import notwendige Module sind die beste Praxis), hier ist another fiddle link, die nur die unique Funktion aus dem ui-filter Modul importiert.