AngularJS 1.4.8 - 如何仅在第一次显示ng-repeat文本

时间:2016-01-03 06:10:43

标签: angularjs twitter-bootstrap

我有一个要显示的类别,子类别和产品的列表,我想仅在第一次重复时显示类别和子类别。 像

category      subcategory       product
fruit         apple             McIntosh
fruit         apple             Cortland
cookies       chocolate         Cocolatos

我想显示一个像

这样的列表
fruit - apple
       McIntosh
       Cortland
cookies - chocolate
       Cocolatos

我使用了ng-repeat和bootstrap class =" row"但我无法在第一时间显示该类别

由于

1 个答案:

答案 0 :(得分:0)

你应该使用groupBy功能(下划线库开箱即用,我打赌lodash也有这个功能)' catagory'属性,然后您需要使用嵌套的ng-repeat来显示您的数据,第一个用于迭代新创建的组,而内部用于迭代产品。

这是plunker就是这样做的!