How to display item from a deeper nested JSON array

Question

I am trying to display one item from a nested array:

{
"results":[
{
    "info": {
        "first_name": "JOHN",
        "last_name": "DOE"
    }
}
]}

I have tried multiple things but cannot get it to work to only display "first_name".

What I've tried is:

<div ng-repeat="s in display.results">
        <p>
            {{s.info}}
        </p>
</div>

But that just goes horribly wrong.

Any help would be appreciated.

Yep that was it. Feel pretty dumb right now how I have been overlooking that. — Mark
– Mark, Commented Dec 4, 2019 at 21:18

Freeky · Accepted Answer · 2019-12-04 21:11:47Z

1

You forgot to access the 'first_name' property

<div ng-repeat="s in display.results">
  <p>
    {{s.info.first_name}}
  </p>
</div>

answered Dec 4, 2019 at 21:11

Freeky

8205 silver badges14 bronze badges

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

2 Comments

Mark Over a year ago

I realized that. Had been looking everywhere but overlooked one element. Thanks!

ggorlen Over a year ago

Thanks for the answer, but typically this sort of question should just be closed as "typo/no longer reproducible/resolved in a way that won't help future visitors".

Collectives™ on Stack Overflow

How to display item from a deeper 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