Уникальные ng-опции в Angular

0

Я пытаюсь получить уникальные результаты в угловых ng-опциях в поле выбора.

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

Вышеприведенный код предоставит мне всю национальность, однако он будет показывать дубликаты.

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

Когда я пытаюсь выполнить этот код с ошибками углового броска и ничего не показывает в поле выбора.

контроллер

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;
});
});

Благодарю.

  • 0
    Можете ли вы предоставить контроллер
  • 0
    похоже на аналогичный вопрос stackoverflow.com/questions/14748440/…
Показать ещё 1 комментарий
Теги:
ng-options

1 ответ

2
Лучший ответ

Я думаю, что этот код будет работать для вас:

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

=== РЕДАКТИРОВАТЬ ===

Основываясь на этом сообщении, вам нужна сторонняя библиотека для предоставления вам службы filter, включая эту библиотеку в ваш html файл.

== EDIT 2 === Для того, чтобы продемонстрировать, как это работает, я делаю рабочую скрипку. В этой anuglar-ui я использую библиотеку anuglar-ui для замены модуля, и он работает так, как ожидалось.

В случае, если вам нужен только модуль ui.filters, но не другие части (наиболее подходящими являются импорт только необходимых модулей), вот еще одна ссылка на скрипт, которая импортирует только unique функцию из модуля ui-filter.

  • 0
    Это дает мне ошибку. angular.js:12416Error: [ngOptions:iexp]
  • 0
    @GarethFrazer, я обновил код
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню