我有一个对象数组.我需要将数据分组一个字段,并将结果显示在 HTML表中.

输入：

@H_301_3@[ { id: "559e2bbc9a496034557d6d84",text: "Data Sources",topParentId: "559e2bbc9a496034557d6d84",topParentText: "Data Sources" },{ id: "559e2bbc9a496034557d6d83",text: "Applications",topParentId: "559e2bbc9a496034557d6d83",topParentText: "Applications" },{ id: "559e2bbc9a496034557d6d82",text: "Analytics",topParentText: "Applications" } ]

从这里我需要创建一个这样的HTML表(由topParentId分组数据)：

@H_301_3@Group | Tags Data Sources | Data Sources Applications | Applications Analytics

到目前为止我已经做到了：

@H_301_3@<table class="table table-bordered"> <thead> <tr> <th>Group</th> <th>Tags</th> </tr > </thead> <tbody> <tr ng-repeat="tag in topic.tags | groupBy: 'topParentId'"> <td>{{tag.topParentText}}</td> </tr> <tr> <td>{{tag.text}}</td> </tr> </tbody> </table>

但运行此代码后,我将收到Unknown提供程序：groupByFilterProvider< - groupByFilter错误. 我使用AngularJs 1.2