ng-repeat with JSON in AngularJs

Question

I have a JSON

{"uuid":"5634","day":"three","one":{},"two":{},"three":{"people":[{"name":"sam","count":"2"},{"name":"das","count":"5"},{"name":"smith","count":"12"},]}}

I want to repeat only the data from the key "three". Is it possible to map that with the value "day"?

Matthew Cawley · Accepted Answer · 2017-03-14 09:12:50Z

5

In your Controller, derive a new $scope variable for the data you wish to use in your view:

var data = {"uuid":"5634","day":"three","one":{},"two":{},"three":{"people":[{"name":"sam","count":"2"},{"name":"das","count":"5"},{"name":"smith","count":"12"},]}};
$scope.dayData = data[data.day];

Then use that variable in your view by amending the ng-repeat as follows:

<div ng-repeat="person in dayData.people">
  <h1>{{ person.name }}</h1>
  <p>Count : {{ person.count }}</p>
</div>

Example Plunk

edited Mar 14, 2017 at 9:12

answered Mar 14, 2017 at 9:04

Matthew Cawley

2,8281 gold badge10 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

ng-repeat with JSON in AngularJs

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