如何在angular js中分组和显示值答案

【问题标题】：How to group and display the values in angular js如何在angular js中分组和显示值
【发布时间】：2015-07-14 05:52:04
【问题描述】：

我已经创建了一个像这样的作用域函数

$scope.sample = [
   {'SUPNAME':'AAA','SUPCODE':'22671','SLIPNO':'18384','DESG':'1','iv':'1'},
   {'SUPNAME':'AAA','SUPCODE':'22671','SLIPNO':'18384','DESG':'2','iv':'2'},
   {'SUPNAME':'AAA','SUPCODE':'22671','SLIPNO':'18384','DESG':'3','iv':'3'},
   {'SUPNAME':'BBB','SUPCODE':'24603','SLIPNO':'26714','DESG':'1','iv':'4'},
   {'SUPNAME':'BBB','SUPCODE':'24603','SLIPNO':'26714','DESG':'2','iv':'5'},
   {'SUPNAME':'BBB','SUPCODE':'24603','SLIPNO':'26714','DESG':'3','iv':'6'},
]

我必须通过使用相同的 SUPNAME、SUPCODE、SLIPNO 进行分组来显示。例如，我必须像这样显示它。

SUPNAME:AAA  SUPCODE=22671
DESG 1  DESG2 DESG 3


SUPNAME:BBB   SUPCODE=24603
DESG 1  DESG2 DESG 3

那么我该如何为此创建 ng-repeat..请给出一些解决方案。

【问题讨论】：

尝试重新格式化整个样本数据...这可能会加快迭代速度。否则，您只需循环、比较和绘制
您需要先对数据进行分组。分享您的研究对每个人都有帮助。告诉我们您尝试了什么以及为什么它不能满足您的需求。这表明您已经花时间尝试帮助自己，它使我们免于重复明显的答案，最重要的是它可以帮助您获得更具体和相关的答案！另见how to ask
你可以简单地过滤 SupName 或 Supcode 看看这个应该解释一切fdietz.github.io/recipes-with-angular-js/…
好的，我先把数据分组试试看

标签： javascript angularjs

【解决方案1】：

我尝试为您的案例创建一个 Codepen

grouped Codepen

<table  class="table table-striped">
<tr><td>{{data1}}</td><td>{{data2}}</td></tr>
<tr ng-repeat="item in filteredsample = (sample | filter:{ SUPNAME: 'AAA'})">
</tr>
  <ul ng-repeat="thing in filteredsample">
<li style = "float:left; margin:20px">DESG VALUE {{$index}} = {{thing.DESG}}</li>
</ul>
</div>

希望对你有帮助

【讨论】：