How to iterate JSON object in Angular 2?

Question

Let's say I have a JSON like this:

{
    "A": [
            {"name": "Aa", "count": "21"},
            {"name": "Ab", "count": "54"}
         ],

    "B": [
            {"name": "Ba", "count": "30"},
            {"name": "Bb", "count": "22"}
         ],

    "C": [
            {"name": "Ca", "count": "40"},
            {"name": "Cb", "count": "33"}
         ],
}

Output HTML should like this:

[A]
Aa 21
Ab 54

[B]
Ba 30
Bb 22

[C]
Ca 40
Cb 33

How can I iterate using angular2 Beta version?

Community · Accepted Answer · 2017-05-23 12:17:36Z

3

You can use the ng-for directive.

Have a look at this. angular-2-ng-for-syntax

And you should convert your object to an array. Have a look here: a-better-way-to-convert-js-object-to-array

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Jan 13, 2016 at 9:35

harmoniemand

2594 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

How to iterate JSON object in Angular 2?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related