有多个复选框的角JS服务器端数据过滤器

Question

如何创建角度使用多个复选框的服务器端过滤，当我点击应用过滤器数据应根据输入字段选中过滤，并单击清除过滤器应该被删除，所有应该显示数据。这里是JSON

{ 
 
\t items:[ 
 
\t {itemName:"apple",itemCategory:"fruits",itemStatus:"available",shipping:"nonshippable"}, 
 
\t {itemName:"mobile",itemCategory:"electronics",itemStatus:"notavailable",shipping:"shippable"}, 
 
\t {itemName:"camera",itemCategory:"gadgets",itemStatus:"available",shipping:"shippable"}, 
 
\t {itemName:"laptop",itemCategory:"computers",itemStatus:"notavailable",shipping:"shippable"}, 
 
\t {itemName:"jeans",itemCategory:"clothes",itemStatus:"available",shipping:"shippable"}, 
 
\t {itemName:"nike",itemCategory:"shoes",itemStatus:"available",shipping:"shippable"}, 
 
\t ], 
 
\t filters:[ 
 
\t {label:"apple"}, 
 
\t {label:"laptop"}, 
 
\t {label:"jeans"}, 
 
\t {label:"nike"}, 
 
\t {label:"camera"} 
 
\t ] 
 
}

正如你看到的我的过滤JSON和项目都处于同一个JSON文件。

Answer 1

试试这个

<div ng-repeat="filter in filters"> 
    <label>{{filter.label}}</label>   
    <input type="checkbox" ng-model="filterCriteria" value="{{filter}}" ng-click="someFunc(filter)"> 
</div> 

控制器

$scope.someFunc = function(filter){ 
//do the logic 
var arr = []; 
var idx = arr.indexOf(report); 
if(idx>-1){ 
arr.splice(idx,1);//unchecked values remove from arr 
}else{ 
arr.push(filter); 
} 
console.log(arr);//if checked values added into arr 

}