在控制器中执行过滤器以在具有 OR 条件的字段中进行搜索 [英] Perform filter in controller to search in fields with OR condition

查看:24
本文介绍了在控制器中执行过滤器以在具有 OR 条件的字段中进行搜索的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个数据列表说

$scope.data = [
  {"id":1,"buyername":"kamaldeep282","status":"kdsingh1002","user":"Hitesh"},
  {"id":2,"buyername":"kamaldeep282","status":"RELEASED","user":"kdsingh1002"},
  {"id":3,"buyername":"kamaldeep282","status":"RELEASED","user":"Hitesh"},
  {"id":4,"buyername":"kdsingh1002","status":"RELEASED","user":"Hitesh"},
  {"id":5,"buyername":"kamaldeep282","status":"DISPUTE","user":"kdsingh1002"}
];

现在我在 HTML 中应用了一个过滤器:-

Now I applied a filter in HTML as:-

<input type="text" ng-model="searchText" ng-change="filterData()">

并在控制器中定义 filterData() 为:-

and defined filterData() in controller as:-

$scope.filterData = function() {
    $scope.finalData = $filter("filter")($scope.data, { buyername:$scope.searchText, status:$scope.searchText });
};

现在我想要的是买家姓名的 OR,状态即在 searchText 中,如果我输入了kdsingh1002",那么应该返回这些行:-{"id":1,"buyername":"kamaldeep282","status":"kdsingh1002","user":"Hitesh"},{"id":4,"buyername":"kdsingh1002","status":"RELEASED","user":"Hitesh"},

Now what I want is OR of buyername, status i.e in searchText if I entered 'kdsingh1002' then these rows should be returned:- {"id":1,"buyername":"kamaldeep282","status":"kdsingh1002","user":"Hitesh"}, {"id":4,"buyername":"kdsingh1002","status":"RELEASED","user":"Hitesh"},

注意:我不想在所有字段中搜索.

Note: I don't want to search in all fields.

推荐答案

不确定与 $filter 的 OR 条件,但您可以使用 angular.forEach 来过滤您的记录.

not sure about OR condition with $filter but you can use angular.forEach to filter your records.

这是工作plunker

filterData 函数:

$scope.filterData = function() {
    $scope.finalData = [];
    angular.forEach($scope.data,function(data){
        if(data.status.indexOf($scope.searchText) > -1 || data.buyername.indexOf($scope.searchText) > -1){
            $scope.finalData.push(data);   
        }
   })
};

这篇关于在控制器中执行过滤器以在具有 OR 条件的字段中进行搜索的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆