Angularjs过滤器对象参数

时间:2015-09-03 11:15:03

标签: angularjs angularjs-ng-repeat

当我尝试为我的ng repeat div元素创建一个过滤器时,我只是被我的代码卡住了 我正在尝试使用一个输入

<input type="text" class="search_input" ng-model="search">

但是在过滤器中我想将该搜索参数用于用户名和用户ID。

<div  ng-repeat="customer in userList | filter : {customer.username : search,  customer.user_id : search}">

因此它应该向我显示使用该用户名或ID输入的正确用户。怎么做?我是棱角分明的新人,到现在为止我找不到一些答案。

2 个答案:

答案 0 :(得分:0)

您可以使用自定义过滤器,查看此答案以获取更多信息:

AngularJS filter on multiple values of one field

我会评论这个,但我的代表太低了

答案 1 :(得分:0)

在你的控制器中创建一个函数,它会根据你的过滤条件返回true / false:

$scope.fnFilter = function(customer){
    return customer.username === $scope.search || customer.user_id === $scope.search;
};

在你的html中使用它:

<div  ng-repeat="customer in userList | filter : fnFilter">