在AngularJs中使用JSON进行ng-repeat

Vim*_*mal 0 angularjs

我有一个JSON

{"uuid":"5634","day":"three","one":{},"two":{},"three":{"people":[{"name":"sam","count":"2"},{"name":"das","count":"5"},{"name":"smith","count":"12"},]}}
Run Code Online (Sandbox Code Playgroud)

我想只重复键"三"中的数据.是否可以使用"日"值映射?

Mat*_*ley 5

在Controller中,$scope为要在视图中使用的数据派生新变量:

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];
Run Code Online (Sandbox Code Playgroud)

然后通过修改ng-repeat如下所示在视图中使用该变量:

<div ng-repeat="person in dayData.people">
  <h1>{{ person.name }}</h1>
  <p>Count : {{ person.count }}</p>
</div>
Run Code Online (Sandbox Code Playgroud)

示例Plunk