[英]Unique ng-options in Angular
我试图在选择框上的角度ng-options中获得独特的结果。
<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;
});
});
谢谢。
我认为这段代码将为您工作:
<select ng-model="nationality" id="nationality" ng-options="player as players | unique: 'nationality' "></select>
===编辑===
在此基础上后 ,你需要的第三方库为您提供filter
服务,包括这个库在HTML文件中。
==编辑2 ===为了演示它是如何工作的,我做了一个工作提琴 。 在这个小提琴中,我使用了anuglar-ui
库来替换模块,它可以按预期工作。
如果您只需要'ui.filters'模块,而不需要其他部分(仅导入必要的模块是最佳实践),则这是另一个fiddle链接 ,仅从ui-filter
模块导入unique
功能。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.