Angularjs filter nested object

angularjs filter angularjs-filter
zajca picture zajca · Aug 29, 2013 · Viewed 30.8k times · Source

I have in angular nested object like this. is there way how to filter it for nested property

<li ng-repeat="shop in shops | filter:search">
search.locations.city_id = 22

I'm showing only parent element but want to filter by both of it, like:

search = 
  category_id: 2
  locations:
    city_id: 368

[
 name: "xxx"
 category_id: 1
 locations: [
   city_id: 368
   region_id: 4
  ,
   city_id: 368
   region_id: 4
  ,
   city_id: 368
   region_id: 4
  ]
,
 name: "xxx"
 category_id: 2
 locations: [
   city_id: 30
   region_id: 4
  ,
   city_id: 22
   region_id: 2
  ]
]

Answer

martinoss picture martinoss · May 31, 2014

You also can filter like this (version 1.2.13+)

<li ng-repeat="shop in shops | filter: { locations: [{ city_id: search.locations.city_id }] }">

Related questions

Limit the length of a string with AngularJS

I have the following: <div>{{modal.title}}</div> Is there a way that I could limit the length of the string to say 20 characters? And an even better question would be is there a way that …

Read More
Removing AngularJS currency filter decimal/cents

Is there a way to remove the decimal/cents from the output of a currency filter? I'm doing something like this: <div>{{Price | currency}}</div> Which outputs: $1,000.00 Instead, I'd like: $1,000 Can that be done using the …

Read More
AngularJs, filter case insensitive

I've got an json full of datas with lowcase and upcase. For example : [ { "firstName":"JoHn" , "lastName":"DoE" }, { "firstName":"aNnA" , "lastName":"smIth" }, { "firstName":"PeTer" , "lastName":"JOnes" } ] And I've got something similar to this : Search: <input ng-model="searchText"> <table …

Read More