Complex JSON data for AngularJS nested ng-repeat

Question

I try to access to nested JSON data into nested JSON data. I use ng-repeat, it works for the nested JSON data but not for the nested nested.

The data I want to catch is the server URL and their name.

<tr ng-repeat="site in dT.data.sites">
  <td>{{ site.siteName }}</td>
  <td><span ng-repeat="country in site.countries">{{ country.country + ' '}}<br><br></span></td>
  <!-- Does not work -->
  <td><span ng-repeat="country in site.countries">{{ country.masters.name }}</span></td>
  <!-- Works, but displays only the first element of the array because of the [0] -->
  <td><span ng-repeat="country in site.countries">{{ country.masters[0].name }}</span></td>
  <!-- Does not work -->
  <td><span ng-repeat="master in site.countries.masters">{{ master.name }}</span></td>
  <td></td>
  <td></td>
</tr>

PLUNKER

Maybe I have to use a function with a if…else method. Or use a service, but I would prefer to use ng-repeat.

Matt Ball · Accepted Answer · 2015-10-07 15:41:02Z

1

You'll have to do an ng-repeat inside another ng-repeat. Something like this:

<td><span ng-repeat="country in site.countries"><span ng-repeat="master in country.masters">{{ master.name }}<br /></span></span></td>

I've made changes to your plunker to show this working: http://plnkr.co/edit/PdHesQRAeEMq38AgjxTm?p=preview

answered Oct 7, 2015 at 15:41

Matt Ball

4324 silver badges9 bronze badges

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

Comments

Jax · Accepted Answer · 2015-10-07 15:43:25Z

1

Is this what you are looking for?

<td><span ng-repeat="country in site.countries[0].masters">{{ country.server + ':' + country.name + ', ' }}</span></td>

see plunker

answered Oct 7, 2015 at 15:43

Jax

1,8373 gold badges18 silver badges30 bronze badges

Collectives™ on Stack Overflow

Complex JSON data for AngularJS nested ng-repeat

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related