如何使用 $filter('filter') 按对象数组中的特定字段进行过滤

Question

我想使用 $filter('filter') 过滤员工对象数组，以仅根据可以从下拉/选择中选择的员工名字字段过滤结果。注意我不想在 ng-repeat 中使用“| filter:”。

困难在于name字段是另一个名为'details'的字段的属性，所以我不能像下面的代码那样使用details.name，因为它会出错。

$scope.filteredEmployees = $filter('filter')(employees, {details.name: selectedName }); 

有关员工数组对象的结构，请参见下文。

如何告诉它使用 $filter('filter') 根据 details.name 字段过滤记录？

提前感谢您的帮助！

代码如下：

Var selectedName = “An”;
$scope.filteredEmployees = $filter('filter')(employees, {**details.name:** selectedName });
Var employees  = [
      {
        Date: 01/01/2012
        details: {
          name: ‘An’,
      age: 25

        }
      },
      {
        Date: 01/01/2012
        details: {
          name: ‘'Bill',
      age: 20

        }
            }];

    //Here is 
    <select ng-model="selectedName" ng-options="e for e in employees" data-ng-show="employees.length > 0" ng-change="filterEmployees">
        <option value="">All Employees</option>
    </select><br>

    function filterEmployees()  {
        $scope.filteredEmployees = $filter('filter')(employees, "Joe");
    };

Answer 1

表达式可以是map of property-to-filters:，其中对象中的每个属性都映射到结果集中的相应属性。

$filter('filter')(employees, {name:"Joe"});

Live Demo

---

使用自定义函数

如果您的数据更复杂，并且您需要更高级的过滤，那么您可以简单地传入一个自定义谓词函数来评估是否应该过滤某个项目。

函数的输入将数组的每一项作为参数，如果该项应从结果集中排除，则预期返回false。

var people = [{date:new Date(), details:{
    name: 'Josh',
    age: 32
}}, {date:new Date(), details:{
    name: 'Jonny',
    age: 34
}}, {date:new Date(), details:{
    name: 'Blake',
    age: 28
}}, {date:new Date(), details:{
    name: 'David',
    age: 35
}}];

$scope.filteredPeople = $filter('filter')(people, function(person){
    return /^Jo.*/g.test(person.details.name);
});

Live Demo