8

私はこのような角度のあるネストされたオブジェクトを持っています。ネストされたプロパティをフィルタリングする方法はありますか

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

親要素のみを表示していますが、次のように両方でフィルタリングしたいと考えています。

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
  ]
]
4

3 に答える 3

25

このようにフィルタリングすることもできます (バージョン 1.2.13+)

<li ng-repeat="shop in shops | filter: { locations: [{ city_id: search.locations.city_id }] }">
于 2014-05-31T12:45:18.917 に答える
10

はい、あなたの例を正しく理解していればできます。

コレクションのサイズによっては、反復するコレクションを計算しng-repeatて、モデルが変更されたときにフィルターが常にそれを実行しないようにすることをお勧めします。

http://jsfiddle.net/suCWn/

私があなたを正しく理解していれば、基本的にあなたはこのようなことをします：

$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;
};
于 2013-08-29T08:19:58.030 に答える
0

「Words Like Jared」の回答を更新して、正規表現を使用して検索用語が含まれているかどうかを確認しました。この方法では、1 つの数字を入力するとフィルタリングが開始されるため、単語全体に一致する必要はありません。

JSフィドル

    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);
    };
于 2014-12-22T21:55:31.147 に答える