Javascript 如何在AngularJS中为ui选择模块定义自定义过滤器?
以下是html中“选择”字段的代码:Javascript 如何在AngularJS中为ui选择模块定义自定义过滤器?,javascript,json,angularjs,angularjs-filter,ui-select,Javascript,Json,Angularjs,Angularjs Filter,Ui Select,以下是html中“选择”字段的代码: <ui-select ng-model="group.selected" theme="selectize" ng-click="searchDisabled(3)" ng-disabled="disabledGroup"> <ui-select-match placeholder="Choose a group"> {{$select.selected.name}} </ui-select-match
<ui-select ng-model="group.selected" theme="selectize" ng-click="searchDisabled(3)" ng-disabled="disabledGroup">
<ui-select-match placeholder="Choose a group">
{{$select.selected.name}}
</ui-select-match>
<ui-select-choices repeat="group in groups | filter: $select.search">
<span ng-bind-html="group.name | highlight: $select.search"></span>
<small ng-bind-html="group.code | highlight: $select.search"></small>
</ui-select-choices>
</ui-select>
这是我从WebAPI方法GetGroup获得的JSON格式。如何使用自定义筛选器在表列表上显示QR_名称数组
这是我的第一个想法:
testApp.filter('selectGroup', ['$log', function ($log) {
return function (nameslist, group) {
group = group || '';
$log.info('fondslist:', fondslist);
$log.info('Filter for group:', group);
var selectList = [];
angular.forEach(fondslist, function (input) {
if (group == input.QR_Name['QR_GroupId']) {
selectList.push(input);
}
});
}
}]);
但是过滤器无法正常工作。角度用户界面选择0.12中添加的对具有组过滤器属性的自定义过滤器的支持-角度用户界面选择0.12中添加的对具有组过滤器属性的自定义过滤器的支持-
{
"QR_Name":[
{ "Id":31, "lname":"Bricks", "fname":"Johnny", "maxAge":24, "QR_GroupId":6 },
{ "Id":4, "lname":"Schon", "fname":"Toni", "maxAge":54, "QR_GroupId":6 },
{ "Id":56, "lname":"Houston", "fname":"Monica", "maxAge":29, "QR_GroupId":6 },
],
"Id":6,
"name":"South America",
"code":"SA"
}
testApp.filter('selectGroup', ['$log', function ($log) {
return function (nameslist, group) {
group = group || '';
$log.info('fondslist:', fondslist);
$log.info('Filter for group:', group);
var selectList = [];
angular.forEach(fondslist, function (input) {
if (group == input.QR_Name['QR_GroupId']) {
selectList.push(input);
}
});
}
}]);