如何以角度js一次使用多個過濾器

在下面的代碼中，當我使用filter:filterText時，所有3個參數都得到過濾。如果我想要過濾兩個參數中的任何一個，我可以在那裏使用哪種表達式？如何以角度js一次使用多個過濾器

<div ng-controller="someController"> 
    <input type="text" ng-model="filterText"></input> 
    <ul> 
     <li ng-repeat="friend in friends|filter:filterText"> 
      ({{friend.name}},{{friend.phone}},{{friend.mail}}) 
     </li> 
    </ul> 
</div> 
<script type="text/javascript"> 
    var myapp1=angular.module("myApp",[]); 
    myapp1.controller("someController",function($scope,$filter){ 
     $scope.friends=[ 
      { 
       name:"asdf", 
       phone:"123456", 
       mail:"[email protected]" 
      }, 
      { 
       name:"qwe", 
       phone:"456887", 
       mail:"[email protected]" 
      }, 
      { 
       name:"cvb", 
       phone:"7786887", 
       mail:"[email protected]" 
      } 
     ]; 
    }); 
</script>

來源

2014-11-05 user4217421

通過定義過濾器的對象，您可以定義要過濾的字段。下面的例子只搜索在田裏name和mail：

var myapp1=angular.module("myApp",[]); 
 

 
myapp1.controller("someController",function($scope,$filter){ 
 
    $scope.friends=[{ 
 
    name:"asdf", 
 
    phone:"123456", 
 
    mail:"[email protected]" 
 
    }, 
 
    { 
 
    name:"qwe", 
 
    phone:"456887", 
 
    mail:"[email protected]" 
 
    }, 
 
    { 
 
    name:"cvb", 
 
    phone:"7786887", 
 
    mail:"[email protected]" 
 
    }]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="someController"> 
 
    Name: <input type="text" ng-model="filterName" /> 
 
    Email: <input type="text" ng-model="filterEmail" /> 
 
    <ul> 
 
     <li ng-repeat="friend in friends|filter:{ name: filterName, mail: filterEmail}"> 
 
     ({{friend.name}},{{friend.phone}},{{friend.mail}}) 
 
     </li> 
 
    </ul> 
 
</div>

來源

2014-11-05 07:31:51 boindiil

該版本具有相同的名稱和郵件地址返回元素 – 2014-11-05 07:39:34

這就是真實的，舊的版本，如果定義的字符串檢查包含在'name'和'email'中。我已經更新了我的剪輯，因此現在可以提供名稱字符串和電子郵件字符串 – boindiil 2014-11-05 07:42:24

You can do this : 

<input type="text" ng-model="filterName" placeholder="by name"/> 
<input type="text" ng-model="filterMail" placeholder="by mail"/> 
<ul> 
    <li ng-repeat="friend in friends|filter:filterName|| filterMail"> 
     ({{friend.name}},{{friend.phone}},{{friend.mail}}) 
    </li> 
</ul>

來源

2014-11-05 07:37:47 nitin

如何以角度js一次使用多個過濾器

回答

相關問題