AngularJS multiple filter with custom filter function

Question

I am trying to filter the list with multiple filters   with a custom filter function   The original working jsfiddle example is http   jsfiddle net ed9A2 1  but now I want to change the way age are being filter    I want to add a custom filter so that age it filter based on two input value which is min age and max age    between age     After looking into doc  I found people having similar questions and a user Mark Rajcok answer http   docs angularjs org api ng filter filter comment-648569667 looks good and should be working   But I am having problem applying it into my codes which mainly seems to because I have other multiple filters     Im very new to AngularJS     My tried and NOT working fiddle is here http   jsfiddle net ed9A2 20   A copy paste of my NOT working codes are here  View   lt div ng-app ng-controller  MainController  gt   lt table class  fancyTable  gt       lt tr gt           lt th gt Player id lt  th gt           lt th gt Player name lt  th gt           lt th gt Age lt  th gt       lt  tr gt       lt tr gt           lt td gt  lt input ng-model  player id    gt  lt  td gt           lt td gt  lt input ng-model  player name    gt  lt  td gt           lt td gt              Min Age  lt input ng-model  min age    gt              Max Age  lt input ng-model  max age    gt           lt  td gt       lt  tr gt       lt tr ng-repeat  player in players   filter  id  player id  name player name  age ageFilter   gt           lt td gt   player id   lt  td gt           lt td gt   player name   lt  td gt           lt td gt   player age   lt  td gt       lt  tr gt   lt  table gt      Controller  function MainController  scope      scope player id        scope player name        scope player age        scope min age   0   scope max age   999999999    scope ageFilter   function player        return   player  gt   scope min age  amp  amp  player age  lt   scope max age       scope players               name    Rod Laver                id    rod                date    1938 8 9                imageUrl    img rod-laver gif                age   75             name    Boris Becker                 id    borix                date    1967 11 22                imageUrl    img boris-becker gif                age   45             name    John McEnroe                id    mcenroe                date    1959 2 16                imageUrl    img john-mc-enroe gif                age   54             name    Rafa Nadal                id    nadal                date    1986 5 24                imageUrl    img ndl jpg                age   27

User · Answer

Hope below answer in this link will help, Multiple Value Filter

And take a look into the fiddle with example

arrayOfObjectswithKeys | filterMultiple:{key1:['value1','value2','value3',...etc],key2:'value4',key3:[value5,value6,...etc]}

fiddle

User · Answer

In view file  HTML or EJS    lt div ng-repeat  item in vm itemList    filter  myFilter  gt   lt  div gt    and In Controller   scope myFilter   function item    return  item propertyA      value     item propertyA      value

User · Answer

Try this    lt tr ng-repeat  player in players   filter  id  player id  name player name    filter ageFilter  gt    scope ageFilter   function  player        return  player age  gt   scope min age  amp  amp  player age  lt   scope max age

[javascript] AngularJS multiple filter with custom filter function

Examples related to javascript

Examples related to angularjs

Examples related to angularjs-ng-repeat