How to filter by object property in angularJS

Question

I am trying to create a custom filter in AngularJS that will filter a list of objects by the values of a specific property  In this case  I want to filter by the  polarity  property possible values of  Positive    Neutral    Negative      Here is my working code without the filter   HTML        lt div class  total  gt       lt h2 id  totalTitle  gt  lt  h2 gt       lt div gt   tweets length   lt  div gt       lt div id  totalPos  gt   tweets length posFilter   lt  div gt       lt div id  totalNeut  gt   tweets length neutFilter   lt  div gt       lt div id  totalNeg  gt   tweets length negFilter   lt  div gt   lt  div gt    Here is the   scope tweets  array in JSON format     created at   Date   text   tweet text   user  name   user name   screen name   user       screen name   profile image url   profile pic    retweet count   retweet count   polarity   Positive      created at   Date   text   tweet text   user  name   user name   screen name   user screen name   profile image url   profile pic    retweet count   retweet count   polarity   Positive      created at   Date   text   tweet text   user  name   user name   screen name   user screen name   profile image url   profile pic    retweet count   retweet count   polarity   Positive      The best filter I could come up with as follows   myAppModule filter  posFilter   function    return function tweets       var polarity      var posFilterArray           angular forEach tweets  function tweet           polarity   tweet polarity          console log polarity           if polarity    Positive                  posFilterArray push tweet                       console log polarity               return posFilterArray           This method returns an empty array  And nothing is printed from the  console log polarity   statement  It seems like I am not inserting the correct parameters to access the object property of  polarity     Any ideas  Your response is greatly appreciated

User · Accepted Answer

You simply have to use the filter filter  see the documentation      lt div id  totalPos  gt    tweets   filter  polarity  Positive    length   lt  div gt   lt div id  totalNeut  gt    tweets   filter  polarity  Neutral    length   lt  div gt   lt div id  totalNeg  gt    tweets   filter  polarity  Negative    length   lt  div gt    Fiddle

User · Answer

The documentation has the complete answer  Anyway this is how it is done    lt input type  text  ng-model  filterValue  gt   lt li ng-repeat  i in data   filter  age filterValue  true  gt    i   json    lt  li gt    will filter only age in data array and true is for exact match   For deep filtering     lt li ng-repeat  i in data   filter    filterValue  true  gt    i   lt  li gt    The   is a special property for deep filter and the true is for exact match like above

User · Answer

You can try this  its working for me  name  is a property in arr   repeat  item in  tagWordOptions   filter   name   select search     track by  index

User · Answer

We have Collection as below       Syntax       Collection array list   filter  Value    object value    0  KeyName     Example       Collectionstatus   filter  Value dt Status   0  KeyName     -OR-  Syntax     ng-bind   input   filter     Example    ng-bind   Collectionstatus   filter  Value dt Status   0  KeyName

User · Answer

You could also do this to make it more dynamic    lt input name  filterByPolarity  data-ng-model  text polarity   gt    Then you ng-repeat will look like this   lt div class  tweet  data-ng-repeat  tweet in tweets   filter text  gt  lt  div gt    This filter will of course only be used to filter by polarity

[javascript] How to filter by object property in angularJS

Examples related to javascript

Examples related to angularjs