javascript - AngularJS 访问 JSON array[n].property 数据

Question

我的 AngularJS 应用程序中的服务收到以下响应:

{
  "people": [
    {"id": "b3b38689", "name": "Tom"},
    {"id": "a62e603f", "name": "Dick"},
    {"id": "da703c62", "name": "Harry"}
  ],
  "groups": [
    {"name": "group 1", participants: ["b3b38689", "a62e603f"]},
    {"name": "group 2", participants: ["a62e603f", "da703c62"]}
  ]
}

最终这会被映射到

$scope.data

那么，在我看来，我有:

<div data-ng-repeat="group in data.groups">
  <h1>{{group.name}}</h1>
  <p data-ng-repeat="participant in group.participants">...</p>
</div>

成功输出:

<div>
  <h1>group 1</h1>
  <p>...</p>
  <p>...</p>
</div>
<div>
  <h1>group 2</h1>
  <p>...</p>
  <p>...</p>
</div>

我想将 id 匹配的条目的“people[n].name”放入“p”标签中。

有人可以帮助我理解如何实现这一目标吗？

问候，

克里斯

Answer 1

您需要一种根据 ID 查找某人的方法。有很多方法可以做到这一点，但一种方法是将 people 数组转换为一个以 id 字段为键的对象。例如

$scope.people = {};
var peopleArray = $scope.data.people;
for (var i = 0; i < $scope.data.people.length; i++) {
    $scope.people[peopleArray[i].key] = peopleArray[i].name;
}

然后在你的html中你可以这样做

<p>{{people[participant]}}</p>