角度方式:重复元素分组

时间:2015-09-02 14:00:47

标签: angularjs ng-repeat

在列出某些元素时是否有任何Angular方法将这些元素组合在一起? 例如,如果我们有这样的数据:

[{Name: "Ted", Age: 21}, {Name: "Ady", Age: 23}, {Name: "Ella", Age: 18}, {Name: "Geo", Age: 17}]

我们希望输出如下:

<ul>
    <li>Ted</li>
    <li>Ady</li>
</ul>
<ul>
    <li>Ella</li>
    <li>Geo</li>
</ul>

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以创建自定义过滤器,然后有两个following-sibling::*[position()=1] s;

ng-repeat

您可以将<ul> <li ng-repeat="item in myArray | myFilter:arg" ng-bind="item.Name"> </ul> <ul> <li ng-repeat="item in myArray | myFilter:arg" ng-bind="item.Name"> </ul> 设置为等于您所分组的任何内容。

您可以看到如何制作custom filters here