angularjs 怎么用多个多选框来控制ngrepeat的一个筛选
例如:有三个check:a,b,c表格内容使用ngrepeat来做数据展示。并且有一个筛选filter:f怎么可以使用三个check只要有一个被选中才会触发筛选??...
例如:
有三个check: a , b , c
表格内容使用 ngrepeat 来做数据展示。并且有一个筛选 filter: f
怎么可以使用 三个check只要有一个被选中才会触发 筛选?? 展开
有三个check: a , b , c
表格内容使用 ngrepeat 来做数据展示。并且有一个筛选 filter: f
怎么可以使用 三个check只要有一个被选中才会触发 筛选?? 展开
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="angular.js"></script>
<script>
var myApp = angular.module("myApp", []);
myApp.filter('myfilter',function(){
return function(input,toggle){
var tmp = [];
angular.forEach(input,function(value,key){
switch(toggle){
case 'a':
if(value>0)
tmp.push(value);
break;
case 'b':
if(value>2)
tmp.push(value);
break;
case 'c':
if(value<4)
tmp.push(value);
break;
default:
tmp = input;
}
});
return tmp;
};
});
myApp.controller("testCtrl", function($scope){
$scope.items = [0,1,2,3,4];
$scope.toggle = '';
});
</script>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="testCtrl">
<ul>
<li ng-repeat="item in items | myfilter:toggle">{{item}}</li>
</ul>
<input type="checkbox" ng-model="toggle" ng-true-value="'a'" />a
<input type="checkbox" ng-model="toggle" ng-true-value="'b'" />b
<input type="checkbox" ng-model="toggle" ng-true-value="'c'" />c
</div>
</div>
</body>
</html>
追问
差不多这样吧。。。把ab后面的break去掉就是我想要的
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询