在 AngularJS 中按数组长度或嵌套对象属性过滤

Question

我有一个对象看起来像这样的数组：

record in recordlist {
    date : "02/12/2014"
    time : "00.02.01"
    car : "369"
    pax: [
        {
        name : "Ben"
        chosen : true
        },
        {
        name : "Eric"
        chosen : true
        }
    ]
}

到目前为止，当我使用 ng-repeat 列出时，我能够按对象（记录）属性进行过滤。

过滤器：

<input class="form-control" placeholder="Time" ng-model="search.time">

ng-重复：

<div ng-repeat="record in filteredRecords = (recordlist | filter: search)">

当我想过滤嵌套数组（pax）时，问题就来了。我已经尝试过了，但到目前为止没有运气：

<input ng-model="search.pax.name"> // filter by name property

<input ng-model="search.pax.length"> // filter by array length

有什么建议吗？

Answer 1

您可能需要使用自定义过滤器：

应该这样做：

<input ng-model="searchName">

<div ng-repeat="record in recordlist | filter: filterByNested">

在你的控制器中：

$scope.filterByNested = function (record) {
    return record.pax.reduce(function (prev, curr, idx, array) {
        return prev || curr.name == $scope.searchName;
    }, false);
};

基本上，您定义一个自定义过滤器，如果您正在搜索的元素在嵌套数组中，则返回 true。

将过滤器功能也更改为基于长度的工作是微不足道的。