javascript - How can I use multiple filters at a time in angular js -

javascript - How can I use multiple filters at a time in angular js -

in code below, when i'm using filter:filtertext 3 parameters getting filtered. if want of 2 parameters filtered look can utilize there?

<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:"asd@gmail.com" }, { name:"qwe", phone:"456887", mail:"qwer@yahoo.com" }, { name:"cvb", phone:"7786887", mail:"some@gmail.com" } ]; }); </script>

by defining object filter, can define fields want filter. next illustration searches in fields name , mail:

class="snippet-code-js lang-js prettyprint-override">var myapp1=angular.module("myapp",[]); myapp1.controller("somecontroller",function($scope,$filter){ $scope.friends=[{ name:"asdf", phone:"123456", mail:"asd@gmail.com" }, { name:"qwe", phone:"456887", mail:"qwer@yahoo.com" }, { name:"cvb", phone:"7786887", mail:"some@gmail.com" }]; }); class="snippet-code-html lang-html prettyprint-override"><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>

javascript angularjs