angularjs filter not filter multipe filter值
angularjs filter not filter multipe filter值
提问于 2016-08-31 16:44:28
我寻找像this arr in array | filter:filters.search | filter:{company: selectedName} | filter:{voucher_type: both }这样的角度多条件过滤器，它的工作，但不过滤所有的条件，我粘贴我的完整代码在这里。filter:{company: selectedName} | filter:{voucher_type: both }此筛选器步骤在我的代码中是错误的。@感谢您的回复
<html >
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<title>search</title>
</head>
<body>
<div ng-app="app" ng-controller="mainCtrl">
<div><select ng-model="selectedName" ng-options="x for x in names">
</select>
</div>
<input type="text" ng-model="both">
<div>Search by Name: <input type="text" ng-model="filters.search"></div>
<div ng-repeat="arr in array | filter:filters.search | filter:{company: selectedName} | filter:{voucher_type: both } ">
<span ng-bind="arr.name"></span>
</div>
</div>
<script type="text/javascript" src="js/angular.min.js"></script>
<script src="js/ui-bootstrap-tpls-0.9.0.js"></script>
<script type="text/javascript">
var app = angular.module('app', []);
app.controller('mainCtrl', function($scope) {
$scope.names = ["x", "y"];
$scope.filters = {
x: false,
company: '',
search: ''
};
$scope.actions = {
updateyCompany: function () {
if($scope.filters.y) {
$scope.filters.company = 'y';
} else {
$scope.filters.company = '';
}
}
};
$scope.both ="z";
$scope.array = [
{name: 'Tobias', lname: 'TLname', company: 'x'},
{name: 'Jeff', lname: 'JLname', company: 'x'},
{name: 'Brian', lname: 'BLname', company: 'x'},
{name: 'Igor', lname: 'ILname', company: 'y'},
{name: 'James', lname: 'JLname', company: 'z'},
{name: 'Brad', lname: 'BLname', company: 'y'},
{name: 'Basil', lname: 'Basil', company: 'z'},
];
});
</script>
</body>
</html> 回答 2
Stack Overflow用户
发布于 2016-08-31 18:43:09
字段voucher_type在您的数组中不可用，因此它找不到。请添加此字段并使过滤器正常工作。!!！
Stack Overflow用户
发布于 2016-09-01 19:17:57
我做了一些更改，现在工作正常，filter:valFilter过滤器已更改，并添加了新功能
$scope.valFilter = function (arr) {
return (arr.company == "z" || arr.company == $scope.selectedName);
}谢谢大家
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39244804
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号