Угловая: как фильтровать по глубине свойства объекта в массиве?

Question

У меня есть объекты, отформатированные как это:

id: 1, 
name: MyObj 
properties: { 
    owners: [ 
    { 
    name:owner1, 
    location: loc1 
    }, 
    { 
    name:owner2, 
    location: loc1 
    } 
] 
} 

Количество владельцев отличается для каждого объекта. Когда я пытаюсь фильтровать его с помощью ng-repeat с filter:searchBox и поиск входов коробки

<input name="search-filter" class="form-control" type="search" ng-model="searchBox.properties.title" /> 
<input name="search-filter" class="form-control" type="search" ng-model="searchBox.properties.owners" /> 

фильтрация по названию работает отлично, однако владельцы фильтрации не работает на всех, но я предположил, что это будет фильтр на основе как расположение и имя. Что я делаю не так?

Answer 1

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 

 
$scope.objs = 
 
    { 
 
    id: 1, 
 
    name: 'MyObj', 
 
    properties: { 
 
     owners: [ 
 
     { 
 
     name: 'owner1', 
 
     location: 'loc1' 
 
     }, 
 
     { 
 
     name: 'owner2', 
 
     location: 'loc2' 
 
     } 
 
    ] 
 
    } 
 
    }; 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
<input name="search-filter" class="form-control" type="search" placeholder="Search by location" ng-model="searchBox.properties.location" /> 
 
<input name="search-filter" class="form-control" type="search" placeholder="Search by name" ng-model="searchBox.properties.owners" /> 
 
    
 
    <div ng-repeat="owner in objs.properties.owners | filter:{'location': searchBox.properties.location} |filter:{'name': searchBox.properties.owners}"> 
 
    {{owner}} 
 
    
 
    </div> 
 

 
</div>

Answer 2

Вы можете фильтровать вручную

var list = [ 
    { 
    id: 1, 
    name: 'MyObj', 
    properties: { 
     owners: [ 
     { 
     name: 'owner1', 
     location: 'loc1' 
     }, 
     { 
     name: 'owner2', 
     location: 'loc1' 
     } 
    ] 
    } 
    } 
]; 

function filter(filter) { 
    return list.filter(function(item) { 
    return item.properties.owners.find(function(owner) { 
     return Object.keys(filter).every(function(key) { 
     return filter[key] === owner[key]; 
     }); 
    }); 
    }); 
} 

console.log(filter({ name: 'owner1', location: 'loc1' })); 

Я использовал ES6 подкладку для этого.