javascript - Angularjs 只过滤一级属性

Question

我有如下所示的 javascript 对象:

{ name: 'Barney', color: 'blue', parent: {name: 'Henry'} }

当我在包含上述对象的数组上使用 $filter('filter')('Henry') 时，我不希望结果包含它。我只想过滤掉第一级匹配的内容，在本例中为“名称”和“颜色”属性。

这可能吗？

Answer 1

你会想要创建一个自定义过滤器，因为 Angular 提供的默认过滤器似乎可以进行深度比较。

这是我快速想出的一个示例，您可能想要更改过滤器以满足您的需要:

// Looks like a nice little tree :)
app.filter('shallowFilter', function () {
    return function (items, value) {
        if (!angular.isDefined(value) || value === '') {
            return items;
        }

        return items.filter(function (item) {
            for (var prop in item) {
                if (item.hasOwnProperty(prop)) {
                    var propVal = item[prop],
                        propLower,
                        valLower;

                    // Skip values that are not a string..
                    if (typeof propVal !== 'string') {
                        continue;
                    }

                    propLower = propVal.toLowerCase();
                    valLower = value.toLowerCase();

                    if (propLower.indexOf(valLower) !== -1) {
                        return true;
                    }
                }
            }
        });
    };
});

这是一个 plunker演示其工作原理。

编辑:

这只会遍历对象的“低级”属性(浅搜索)，这就是我假设您想要的。