AngularJS filter array in array from json data

Question

My data called from a JSON is very simple.

I want to filter all data where the id of events is 13

My json provides from [...] $scope.things = things

[
    {
     "id":"1",
     "title":"title1",
     "events":[
               {"id":"11",
                "events11"}, 
               {"id":"12",
                "events12"}
               ]
   },{
    "id":"2",
    "title":"title2",
    "events":[
              {"id":"11",
               "events11"}, 
              {"id":"13",
               "events13"}
             ]
  }
]

I try to display with :

 <ion-item collection-repeat="thing in things | filter:{events.id:'13'}">
    {{thing.id}}
</ion-item>

Pankaj Parkar · Accepted Answer · 2016-07-06 14:38:26Z

2

Very 1st thing you need to correct you JSON format, like events11, events12 & events13 should be key value pair like such "events": "11", "events": "12" & "events": "13".

Then you could use deep filter like below.

Markup

<ion-item collection-repeat="thing in things | filter:{events: {id:'13'}}">
    {{thing.id}}
</ion-item>

Plunkr here

edited Jul 6, 2016 at 14:38

answered Jul 6, 2016 at 14:28

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Pankaj Parkar Over a year ago

@JLRishe because haven't had changed in json, the JSON in question is invalid, you could check attached plunkr, though thanks for heads up man, cheers :)

JLRishe Over a year ago

I had fixed the broken JSON, but it must have not been working because my fiddle had Angular 1.0.1. I guess the deep filtering feature was added in some later version of Angular.

Pankaj Parkar Over a year ago

yes, If I remeber correctly, it have added since 1.3+

bklups Over a year ago

Thanks @PankajParkar : instead of having an integer for id {id:'13'} i want to have a dynamic value {events.id'} how do that ? (to have a page per events.id)

Pankaj Parkar Over a year ago

I don't really fully understand.

|

GMaiolo · Accepted Answer · 2016-07-06 14:27:16Z

0

You could filter directly in the controller when instantiating the scope variable:

$scope.things = things.filter(obj => obj.id==='13');

answered Jul 6, 2016 at 14:27

GMaiolo

4,6681 gold badge26 silver badges39 bronze badges

Comments

Vishal Rao · Accepted Answer · 2016-07-06 14:48:25Z

-1

 <ion-item collection-repeat="thing in things">
    <span ng-repeat="event in thing.events" ng-if="event.id='13'"
        {{thing.id}}
 </ion-item>

Basically two loops with an ng-if for the inner loop to check if the even's id is 13.

edited Jul 6, 2016 at 14:48

answered Jul 6, 2016 at 14:38

Vishal Rao

9121 gold badge7 silver badges18 bronze badges

2 Comments

Pankaj Parkar Over a year ago

what do you mean by item.id == '13'?

Vishal Rao Over a year ago

my bad, just a typo, changed it now

Collectives™ on Stack Overflow

AngularJS filter array in array from json data

3 Answers 3

7 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related