问题标签 [angularjs-orderby]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2557 浏览

angularjs - 在 ng-options 中使用 orderBy 进行排序

我的代码是:

这里 orderBy 不是根据 info[item.name] 排序的。

我想显示 123abc 并根据这些进行排序但将模型的值保持为 abc 的任何可能方式

0 投票
8 回答
196978 浏览

javascript - orderBy Angular 中的多个字段

如何在角度中同时使用多个字段进行排序?例如,先按组,然后按子组

我想将其显示为

组:子组

1 - 1

1 - 2

1 - 20

2 - 1

2 - 10

2 - 11

0 投票
2 回答
25430 浏览

javascript - AngularJS - ngOptions:如何按组名然后按标签排序

假设我有以下这种形式的数据数组:

我的绑定将是这样的:

我希望下拉列表列出GroupA之前的所有项目,GroupB同时将它们也排序在每个组下。

像这样的东西:

我知道我可以使用orderByAngular 过滤器,但这并不能真正按照我需要的方式工作。我的猜测是我必须编写一个自定义过滤器,以我想要的方式手动排序列表,但我想知道是否有更简单的方法来完成任务。

0 投票
1 回答
6387 浏览

javascript - AngularJS ng-repeat orderBy 订单编号不正确

我在使用ng-repeat orderBy文本中有数字时遇到问题。

样本数据:

当使用ng-repeatwith 时,请orderBy: 'booth'列出:p1、p10、p11、p13、p2 等

我知道这是预期的行为,但有谁知道我怎样才能让它按照我期望的顺序列出展位?

这将是:p1、p2、p3、p4/5 等

我还尝试查看问题是否是因为数字不是整数但返回了相同的问题。

预先感谢您的任何帮助。

0 投票
1 回答
383 浏览

javascript - 添加新模型时如何更新 Angular 的 orderBy?

我刚开始学习 Angular,并认为这是微不足道的,但我无法理解它..

我有一个列表expenses,按date属性排序:

我正在expenses控制器中初始化一些:

这些都首先以正确的顺序显示(2011、2013、2013)。然后我可以成功地将一个添加expense到此列表中:

这里有一个问题——新增加的费用实际上是有序的,但初始化时出现的那些没有考虑在内。

例如,我将 2014 年的项目添加到我的expenses. 新订单将是 2011、2013、2013、2014。然后我添加一个带有 2007 年的项目,希望它是列表中的第一个。相反,新订单是 2011、2013、2013、2007、2014(它在原始s之后注入)。expense

我尝试expenses在函数末尾手动过滤add_expense,这没有任何区别,使用$scope.$apply(),这给了我一个错误($apply 已经在进行中)。

0 投票
2 回答
466 浏览

javascript - Angularjs - 将变量发送到纯 JavaScript 函数并返回 orderBy 过滤器的正确方法

我不确定如何处理这个问题。

我正在从服务器接收 JSON {createdOnT: "Sun Aug 04 10:27:39 IDT 2013"}。现在我想将 JSON 的值转换为 javscript Date 对象。所以在我的控制器中,我有一个看起来像这样的功能

在我看来,我这样调用函数

最后尝试像这样订购

最后,我想将转换后的值发送到 DOM 并使用 angular 的 orderBy 过滤器以降序排列结果。我的猜测是我的流程有问题,因为我试图在 getdate 函数转换日期之前使用 orderBy 过滤器......

提前谢谢,吉登

0 投票
1 回答
248 浏览

javascript - AngularJS 按字母数字列出项目

我一直在努力按字母数字对项目列表进行排序。我发现将 ng-repeat 与 orderBy 一起使用往往会根据其处理的数据类型按数字或字母顺序排序。但是,它不按字母数字排序。

JavaScript 代码:

HTML 代码:

这是小提琴http://jsfiddle.net/roverton/PuYLS/1/

请注意,订购时它将显示 1 然后 100、45 然后 400、5 然后 50 等。我想按字母数字顺序订购这些。我将如何在 AngularJS 中做到这一点?

0 投票
1 回答
2825 浏览

angularjs - 使用角度 orderBy 过滤器反转日期数组

你如何使用orderBy过滤器来反转日期数组?我可以.sort().reverse()在模型本身上使用,但如果可能的话,我宁愿让 angular 来做

http://jsfiddle.net/V6aZH/2/

JS

HTML

预期结果

2013 年 2 月 1 日 12:00:00 AM 2013 年
1 月 1 日 12:00:00 AM

根据文档,我希望能够这样做,但它没有用

0 投票
1 回答
1267 浏览

angularjs - 角度多重排序,按顺序排列

可能是一个非常愚蠢的问题,我错过了明显的问题,但我正在使用一个函数来对我的结果进行排序。每个结果都有一个价格和一个权重(基本上是优先级)

我想要按价格排序的结果,但是有相同价格的结果,它们需要按重量排序。我也可以颠倒排序,所以低-高/高-低。

这是一个带有一些点头数据的笨蛋:

http://plnkr.co/edit/VH2WvyJMsLSTpWJawT2f?p=preview

在我的应用程序(我有数百个结果)中,我使用了这个

虽然我认为它最初是成功的,但它出现了一些错误,因为它显示出价格较高的结果高于价格较低的结果。感谢我很难证明这一点,所以我想我会先问点头的问题 :)

0 投票
1 回答
104 浏览

angularjs - order item in ngrepeat follow property of item

How can I order the post to top-down structure (the post which has highest likes number will be first and the last is the post which lowest likes number). To do that I set oderBy:likes.length but it is not work. Please help, thanks!