角度-过滤嵌套对象

Question

我有一个由搜索过滤的JSON对象数组。 在搜索中，我将搜索ng-model上的ng-model设置为search.$ ，但它仅搜索每个对象的顶部，但是我需要搜索嵌套在对象内部的所有对象。 在Angular中有一种简单的方法吗？

Answer 1

可以使用自定义递归过滤器功能（有关文档，请参见https://docs.angularjs.org/api/ng/filter/filter ），以下示例对此进行了说明：

 angular.module('deepFilterTestApp', []) .filter('deepFilter', function($filter) { return function(text) { return function (value) { var searchTerm = text; if (angular.isObject(value)) { var found = false; angular.forEach(value, function(v,k) { found = found || $filter('deepFilter')(searchTerm)(v); }); return found; } else if (angular.isString(value)) { if (value.indexOf(searchTerm) !== -1) { return true; } else { return false; } } }; }; }) .controller('DeepFilterTestController', function ($scope) { $scope.myArray = [ { property1: { deepProperty1: "deeepppp 1!!" }, property2: { deepProperty2: "deeep 2!!" } }, { property1: { deepProperty1: "dooop 1!!" }, property2: { deepProperty2: { evenDeeperProperty1: "deeepest 2!!" } } } ]; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="deepFilterTestApp" ng-controller="DeepFilterTestController"> <p>"dooop": {{ myArray | filter : ('dooop'|deepFilter) }}</p> <p>"deeep": {{ myArray | filter : ('deeep'|deepFilter) }}</p> <p>"deeepppp": {{ myArray | filter : ('deeepppp'|deepFilter) }}</p> <p>"deeepest": {{ myArray | filter : ('deeepest'|deepFilter) }}</p> </div>