Javascript 迭代对象数组以构建div结构

我正在尝试创建一个类似下图的结构，并在报告数组中重复这些数据。我知道我必须使用某种迭代来实现它，但我非常迷茫

我不确定是否需要创建另一个数组来存储一些数据。 像这样的

$scope.years = [];
$scope.months = [];

---

任何帮助都将不胜感激。谢谢

也许这会给你一些想法-

<tr ng-repeat="(key, value) in Reports">
  <td> {{key}} </td> <td> {{ value }} </td>
</tr>

{{key}}{{value}}

---

让我知道它是否有效

这可能会给你一些想法-

<tr ng-repeat="(key, value) in Reports">
  <td> {{key}} </td> <td> {{ value }} </td>
</tr>

{{key}}{{value}}

---

让我知道它是否有效

我认为您可以使用模块来完成

{{key}}

O{{key1}}

{{p.Name}}

---

希望对您有所帮助

我想您可以使用模块来完成

{{key}}

O{{key1}}

{{p.Name}}

---

希望它能有所帮助

如果您能找到一种方法，根据Controller提供的日期对报告进行分组，您可以做到这一点。

---

如果您可以找到一种方法，根据控制器的日期按报告分组，则可以执行此操作。

---

它工作正常，这正是我要找的，只有一件事，是否可以按降序对它们进行分组此解决方案需要一个角度过滤器模块。我们能在不添加过滤器模块的情况下实现此目的吗？它工作正常，这正是我要找的，只有一件事，是否可以按降序对它们进行分组此解决方案需要一个angular.filter模块。我们是否可以在不添加filter模块的情况下实现这一点？

<ul ng-repeat="(key, value) in Reports | groupBy: 'Year'">
  {{ key }}
  <ul ng-repeat="(key1, value1) in value | groupBy: 'Month'">
    O{{key1}} 
  <li ng-repeat="p in value1">
    {{p.Name }} 
  </li>
</ul>
</ul>

$scope.getReportGroup = function() {
var groupedReports = {};
angular.forEach($scope.Reports, function(obj, i) {
  if (!groupedReports.hasOwnProperty(obj.Year)) {
    groupedReports[obj.Year + ''] = [];
  }
  groupedReports[obj.Year + ''].push(obj);
});
return groupedReports;
}