Как сделать такой фильтр в angularjs 1?

Question

[Tash1moto]

Всем привет.
Упростил код для наглядности.
Получаю в angular json со списком товаров :

[
{
"id": 1,
"name" : "Product1",
"prop1" : "prov1 val",
"prop2" : "prov2 val",
"prop3" : "prov3 val",
},
{
"id": 2,
"name" : "Product2",
"prop1" : "prov1 val",
"prop2" : "prov2 val",
"prop3" : "prov3 val",
},
...
]

в $scope приложения есть оъбьект:

$scope.props = {
prop1 : ["prov1_val" , "prov1_some_val" , "prov1_etc"],
prop2 : ["prov2_val" , "prov2_some_val" , "prov2_etc"],
prop3 : ["prov3_val" , "prov3_some_val" , "prov3_etc"],
}

массивы в объекте ($scope.props) пополняются в зависимости от выбранной опции, по принципу checkbox.

Вопрос:
Как реализовать фильтрацию списка товаров, в зависимости от вхождения значений в $scope.props?
Если $scope.props.prop1 к примеру пустой массив, выводить все товары.
Если в $scope.props.prop1 к примеру есть 2 значения, выводить все товары где есть соответствия prop1 товара со значениями в массиве $scope.props.prop1

Подскажите пожалуйста решение.

Answer 1

[Anton fon Faust]

Имхо, не нужно это делать на фронтенде - лишний трафик, бесполезная нагрузка и пожирание памяти на клиенте.
Список параметром передавайте на сервер, возвращайте под этот набор параметров подходящие товары и будет вам счатье: быстро, красиво, с постраничной навигацией.