角NG-重复GROUPBY和维持秩序 [英] Angular ng-repeat groupBy and Keep order

查看:228
本文介绍了角NG-重复GROUPBY和维持秩序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

即时通讯使用此过滤器的https://github.com/a8m/angular-filter#groupby为了我的数据像这样,它的伟大工程:

Im using this filter https://github.com/a8m/angular-filter#groupby to order my data like so, and it works great:

<div ng-repeat="(key, value) in tags.tags.objects | groupBy:'category.name' ">

现在我试着保持这一组的顺序,由category.order。

Now Im trying to keep the order of that groups, by category.order.

这可能吗?

我试着管道它像这样:

<div ng-repeat="(key, value) in tags.tags.objects | groupBy:'category.name' | orderBy:'category.order' ">

但它并没有任何区别。

But it does not make any difference

推荐答案

排序依据过滤器不与 ngRepeat 。

所以你可以做什么,这是类似的东西:

orderBy filter not work with objects in ngRepeat.
so what you can do, it's something like that:

  <!-- note: toArray filter also attaches a new property $key
      to the value containing the original key that was used in the object -->
<div ng-repeat="tags in tagsList | groupBy:'prop' | toArray:true | orderBy:'$key'">
  Group name: {{ tags.$key }}
  <p ng-repeat="tag in tags | orderBy:'prop'">
     {{ tag.name }}
  </p>
</div>

请参阅:的toArray 过滤器

这篇关于角NG-重复GROUPBY和维持秩序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆