Angular表格中同一字段上的文本过滤器和下拉过滤器

Text filter and Dropdown filter on the same field in Angular table

本文关键字:过滤器 文本过滤 文本 表格 字段 Angular      更新时间:2023-09-26

我是Angular的新手,目前还在努力做一件简单的事情。不知道该怎么做。我用ng-repeat创建了一个表。现在,在每一列上,我都有由我的ng-model控制的过滤器。

例如,假设我有一个Employees表,其中包含以下列:

EmpId, EmpName, Unit, Active (Y/N)

每一个在<th>标签中都有过滤器,我可以很容易地通过

进行过滤

Id, Name, Active:Y/N

现在的问题是,我需要在这个表的外面显示一个下拉菜单,上面写着Active/InActive,默认情况下,它应该总是显示Active Employees

所以我不确定如何在同一列上指定两个过滤器来实现这一点。

参考此链接

//过滤器
  .filter('findobj', function () {
 return function (dataobj, multipleVlaue) {
     if (!multipleVlaue) return dataobj;
     return dataobj.filter(function (news) {
         var tofilter = [];
         angular.forEach(multipleVlaue,function(v,i){ 
          tofilter.push(v);
         });
         return news.CategoryList.some(function (category) {
        return tofilter.indexOf(category.DisplayName)>-1;
     });
     });
 };
 })