javascript - Angular ng 在下拉列表中重复和过滤

Question

嗨，你能帮我吗，我在 Angular JS 中遇到了一个情况，根据不同成员的年龄加载职业下拉列表，请参阅我的代码片段。

<select selectpicker ng-model="data.dataRequest.members[$index].occupation" 
   ng-options="occ.key as occ.value for occ in Lov.occupation track by occ.key">

我想写这样的东西

但是我看到comaprison运算符在过滤器中不起作用，我什至编写了一个自定义过滤器但仍然没有用。请帮忙。

Answer 1

您可以使用filter管道动态过滤职业列表

<select ng-model="data.dataRequest.members[$index].occupation" 
   ng-options="occ.key as occ.value for occ in Lov.occupation | filter: myCoolFiter track by occ.key">

在 Controller 中:

$scope.age = 13;    
$scope.myCoolFiter = function(occupationItem){
       // return true or false based on the logic
       // for ex: return occupationItem.fromAge < $scope.age && $scope.age < occupationItem.toAge; 
}

但是，为了能够在模板中使用 filter 管道，Lov.ocupation 应该是数组，而不是对象

注意

myCoolFilter 由 Angular filter 管道为数组中的每个项目调用。 filter 管 Prop 有以下参数列表function(value, index, array)。这是docs了解更多详情