AngularJs 使用对象内的嵌套数组答案

【问题标题】：AngularJs working with nested arrays within objectsAngularJs 使用对象内的嵌套数组
【发布时间】：2016-07-27 03:43:07
【问题描述】：

我正在尝试在 json 对象中显示来自子数据和父数据的信息。以下是我的数据：

$scope.electionDetails = {
  id : 1,
  election_type: "CityCouncil",
  election_name: "City A City Council Elections
  candidates : [{
               id: 1,
               election_id: 1,
               position_id: 1,
               first_name: "John",
               last_name: "Doe"
               },
               {
               id:2,
               election_id:1,
               position_id:1,
               first_name: "Jane",
               last_name: "Doe"
               },
               {
               id:3,
               election_id:1,
               position_id:2,
               first_name: "Mike",
               last_name: "Doe" 
               },
               {
               id:4,
               election_id:1,
               position_id:2,
               first_name: "Mary",
               last_name: "Doe"
               }],
 positions : [{
             id:1,
             election_id: 1,
             position: "Seat 1"
             },
             {
             id:2,
             election_id:1,
             position: "Seat 2"
             }]

}

我想显示这些数据分组，使用像这样的角度：

A 市市议会选举

1号座位

约翰·多伊
简·多伊

座位 2

Mike Doe
玛丽·多伊

【问题讨论】：

使用带有 ng-repeat 的表格
您的问题是什么？您是否尝试过显示数据？如果是的话，你能把它贴在这里吗？
我没有尝试过。我知道如何使用 ng-repeat，只是不能正确分组这些数据。
我有一个解决方案给你。还值得注意的是，您缺少一个结尾 " 和，在您发布的代码中的 "election_name" 属性的末尾

标签： angularjs

【解决方案1】：

给你。 HTML 结构可能不是您想要的，因此您可以更改使用的标签，但这是使用ng-if 和ng-repeat 为给定座位创建候选人列表的基本思想。

DEMO

【讨论】：

这是正确的。您还可以使用“过滤器”过滤器，而不是 ng-if docs.angularjs.org/api/ng/filter/filter
同意。如果它是我的应用程序，我会使用过滤器，我只是想让 OP 尽可能简单。不过，很棒的建议！
谢谢！我想我现在可以用过滤器来应用它。