ng repeat in object with dynamic keys

Question

I have a problem writing proper ng-repeat for this object. I would like to display all object properties. There is a main array of apps, each app can have a multiple versions and each version can have multiple users.

Here is object json.

"Awesome App 1": {
    "1.16": {
      "Steve": [
        "[email protected]",
        null
      ],
      "Mike": [
        "[email protected]",
        null
      ]
    }
  },
  "Awesome App 2": {
    "1.7.0": {
      "steve": [
        "[email protected]",
        null
      ]
    }
  },

...

Problem is that keys are dynamic and I don`t know how to map it in ng-repeat. Thanks for a help.

do you mean something like this: plnkr.co/edit/3wMdzrtkpShLgl8mu9sN — Rameez Raja
– Rameez Raja, Commented Nov 30, 2018 at 20:00
@RameezRaja yes, your solution works! Please add it as an answer. — Arwin Edward
– Arwin Edward, Commented Dec 3, 2018 at 13:33

Rameez Raja · Accepted Answer · 2018-12-04 10:26:31Z

2

You can try something like this:

https://plnkr.co/edit/3wMdzrtkpShLgl8mu9sN

$scope.data.json = {"Awesome App 1":
......
};

    <ul>
       <li ng-repeat="(key, val) in data.json">
          App Name: {{key}} <br/>  
          <span ng-repeat="(key2, val2) in val">
             Version: {{key2}} <br/>
             <span ng-repeat="(key3, val3) in val2">
               User: {{key3}} - {{val3[0]}} <br/>
             </span>
          </span>
       </li>
   </ul>

answered Dec 4, 2018 at 10:26

Rameez Raja

3201 silver badge15 bronze badges

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

Collectives™ on Stack Overflow

ng repeat in object with dynamic keys

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related