2016-08-31 4 views
0

angularjsを検索していますthis arr in array | filter:filters.search | filter:{company: selectedName} | filter:{voucher_type: both }のように複数の条件フィルタが動作していますが、すべての条件をフィルタリングしていないため、ここで完全なコードを貼り付けています。 filter:{company: selectedName} | filter:{voucher_type: both }このフィルタステップは、私のコードで間違っている。@応答をありがとうangularjsフィルタマルチプルフィルタ値をフィルタリングしない

<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> 

答えて

0

フィールドvoucher_typeがそう、それは見つけることができないあなたの配列では使用できません。このフィールドを追加して、フィルタを正しく動作させてください。 !!!

+0

海@ビジェイ・パテル..午前の変更をお願い

$scope.valFilter = function (arr) { return (arr.company == "z" || arr.company == $scope.selectedName); } 

を追加します間違いを貼り付けています – basil

+0

どのようなエラーが発生しますか? – VjyV

0

午前いくつかの変更が正常に動作します今filter:valFilterフィルタが変更され、新しい機能があること..あなたに今もエラーを持っているすべての

関連する問題