Obiekt zagnieżdżony Angularjs filtr

Question

Mam w kątowy obiekt zagnieżdżony w ten sposób. jest tam sposób jak filtrować je na własność zagnieżdżonego

<li ng-repeat="shop in shops | filter:search"> 
search.locations.city_id = 22 

Jestem pokazując tylko elementu nadrzędnego, ale chcesz filtrować zarówno przez niego, jak:

search = 
    category_id: 2 
    locations: 
    city_id: 368 

[ 
name: "xxx" 
category_id: 1 
locations: [ 
    city_id: 368 
    region_id: 4 
    , 
    city_id: 368 
    region_id: 4 
    , 
    city_id: 368 
    region_id: 4 
    ] 
, 
name: "xxx" 
category_id: 2 
locations: [ 
    city_id: 30 
    region_id: 4 
    , 
    city_id: 22 
    region_id: 2 
    ] 
] 

Answer 1

Tak, można, gdybym dobrze zrozumiał twój przykład.

W zależności od wielkości kolekcji może być lepiej wyliczyć kolekcję, którą poddajesz iteracji w ng-repeat, aby filtr nie robił tego w sposób ciągły wraz ze zmianą modelu.

http://jsfiddle.net/suCWn/

Zasadniczo można zrobić coś takiego, jeśli ja zrozumiałem:

$scope.search = function (shop) { 

    if ($scope.selectedCityId === undefined || $scope.selectedCityId.length === 0) { 
     return true; 
    } 

    var found = false; 
    angular.forEach(shop.locations, function (location) {   
     if (location.city_id === parseInt($scope.selectedCityId)) { 
      found = true; 
     } 
    }); 

    return found; 
}; 

Answer 2

Można również filtrować tak (wersja 1.2.13+)

<li ng-repeat="shop in shops | filter: { locations: [{ city_id: search.locations.city_id }] }"> 

Answer 3

Aktualizowane Odpowiedź "Words Like Jared" na użycie wyrażeń regularnych w celu sprawdzenia, czy zawiera on wyszukiwarkę. W ten sposób rozpoczyna filtrowanie po wpisaniu numeru w 1, dzięki czemu nie trzeba dopasować cały wyraz

JSfiddle

angular.forEach(shop.locations, function (location) {   
     if (checknum(location.city_id)) { 
      found = true; 
     } 
    }); 

    function checknum(num){ 
     var regx = new RegExp($scope.selectedCityId); 
     return regx.test(num); 
    };