AngularJS:如何将数组的值提供给过滤器

Question

如何在angularjs中传递值数组作为过滤器

我的情景

烹饪json：["food", "Alcohol","Thai"]

毒虫json :["home", "office","school"]

与菜系和类别有关的价值观：

[{
    "_id": "1",
    "businessTypeName": "Pizza Hut",
    "cus_name": ["food","Thai"],
    "cat_name": ["home", "school"],

}, {
    "_id": "2",
    "businessTypeName": "Chicken Hut",
    "cus_name":["Alcohol","Thai"],
    "cat_name": ["office", "home"],
}, {
    "_id": "3",
    "businessTypeName": "Fish Hut",
    "bussiness_url": "/dist/images/loop_image_sample_3.png",
    "cus_name": ["Thai"],
    "cat_name": ["office", "school"],

}]

如果我单击任何人，就会将值数组附加到{selected}中。

我的问题是如何将{{selected}}中的值筛选为listing_loop div。

我的柱塞演示

Answer 1

我认为你不能单靠html就能做到这一点。

可以向作用域添加筛选函数：

$scope.customFilter = function(value, index, array) {
      // make sure `value.id` is a string
      return ["food","Thai","Alcohol"].indexOf(value.id);
}

并在HTML中这样使用

<div ng-repeat="set in get | filter:customFilter"></div>