当前位置: 首页 > 面试题库 >

Orderby无法在ng-repeat上使用dict语法

赵渊
2023-03-14
问题内容

我正在尝试将ng-repeat与字典样式语法一起使用,并对键值应用顺序。

(key, value) in something | orderBy:'key'

看来OrderBy无法正常工作

此处的示例 http://jsfiddle.net/mhXuW/


问题答案:

orderBy的参数必须与对象数组中的属性名称匹配。

您的数据需要看起来像这样:

$scope.list2 = [ { id:"2013-01-08T00:00:00", name:'Joe'},
                 { id:"2013-01-09T00:00:00", name:'Sue'}];

然后这样的过滤器将起作用:

<div ng-repeat="item in list2 | orderBy:'id':true">

小提琴。

请注意,orderBy适用于整个数组(something在上面的示例代码中),并且它返回一个排序后的数组。orderBy对key和都不了解value



 类似资料:
  • 问题内容: 我正在尝试将AngularJS用于我的第一个项目(锦标赛经理),并且筛选器不起作用:(我已阅读了有关该文档的所有文档,但无济于事:/ 所以,我在上面定义了vars : 现在,在我看来,我正在尝试重新排序(首先只有一个订单项),但是再也无法工作… 第二次,我要重新排序,从2条信息:和如果第一是平等的。我尝试更换这样的,但如果一个代码没有工作,他绝不会与2工作… 谢谢大家的阅读,对于帖子的

  • 问题内容: 我有这样的对象: 假设学生对象被改组。我使用ng-repeat来显示数据。我想按自定义顺序对对象进行排序。 例如,我想显示如下数据: 所以基本上,我想按学生的班级排序,但是首先是B_Class,然后是A_Class,然后是C_Class。另外,我想按学生姓名的字母顺序排序。我怎样才能做到这一点? HTML: 控制器: 问题答案: 嗨,您可以创建自定义排序过滤器,请参见此处http://

  • 问题内容: 我正在使用ng-repeat使用jQuery和TB构建手风琴。出于某种原因,这在进行硬编码时可以很好地工作,但是在ng-repeat指令内部时无法触发点击。 我以为问题出在jQuery,而不是事实之后绑定的元素。因此,我认为与其在页面加载时加载脚本,不如在返回数据时在.success上加载函数会更好。不幸的是,我不知道该如何做。 测试页 :http : //staging.conver

  • 问题内容: 我正在开发一个页面,我需要在其中显示一些框(使用),其中包含频道信息以及显示位置(城市)。 我面临的问题是当我重复第二遍时: 这应该获得第一个ng-repeat的$ index值,并使用显示频道的位置创建一个新数组。它确实做到了。但是,当我使用此数组应用第二个ng- repeat时,它无法正常工作。 说我的html看起来像这样(PS:我需要使用索引值而不是因为我将这些框放到列中) JS

  • 问题内容: 我如何获得Angular的指令以按每个项目的实际值而不是按每个项目的属性值对列表进行排序? 例如: 这是一个玩弄的小提琴:http : //jsbin.com/okatur/1/edit 我意识到我可以在阵列上做,但这是我唯一的选择吗? 问题答案: 从1.3.0-rc.5开始 从AngularJS 1.3.0-rc.5开始 ,如果未提供其他参数,则过滤器(请参阅文档)将使用其项目自动对

  • 问题内容: 我正在尝试将页面添加到我的列表中。我遵循了有关智能手机的AngularJS教程,我试图仅显示一定数量的对象。这是我的html文件: 我添加了带有某些值的select标记,以限制将要显示的项目数。我现在想要的是添加分页以显示下一个5、10等。 我有一个与此相关的控制器: 而且我还有一个模块,以便从json文件中检索数据。 问题答案: 如果您没有太多数据,则可以通过将所有数据存储在浏览器中