AngularJS - How can I filter through a nested json array

Question

AngularJS newbie here. Here is a JSON file that I've been working on and what I'm trying to do is to filter the search by ingredient using AngularJS. Help please?

{
    "id": 01,
    "recipe-name": "Fried Fish",
    "ing": {
        "i1": "1 fish",
        "i2": "1 egg",
        "i3": "1\/2 cup flour",
        "i4": "salt and pepper",
        "i5": "chili leaves"
    }
}

Here's my code for the filtered results

    <div class="results" ng-repeat="r in recipes | filter:q.ing">

You should go for custom fitler then..

Pankaj Parkar
– Pankaj Parkar

2016-01-20 16:13:10 +00:00
Commented Jan 20, 2016 at 16:13 — Pankaj Parkar
– Pankaj Parkar, Commented Jan 20, 2016 at 16:13

Raphi · Accepted Answer · 2016-01-20 16:08:25Z

1

You don't need a filter.

You just need to ng-repeat through the recipes.ing nested object.

<div class="results" ng-repeat="r in recipes.ing">
    <p>{{r}}</p>
</div>

Simple fiddle: http://jsfiddle.net/zq39zspc/1/

answered Jan 20, 2016 at 16:08

Raphi

4283 silver badges5 bronze badges

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

2 Comments

ursula Over a year ago

Thank you so much for your answer!

Raphi Over a year ago

If it solved the problem for you, please accept and vote it up :)

Collectives™ on Stack Overflow

AngularJS - How can I filter through a nested json array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related