在Angular中有多个字段

本文翻译自：orderBy multiple fields in Angular

How to sort by using multiple fields at same time in angular? 如何在角度中同时使用多个字段进行排序？ fist by group and then by sub-group for Example 按组分组，然后按分组示例

$scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1},{'group':2,'sub':11}];

I wanted to display this as 我希望将其显示为

group : Sub-group 组：子组

1 - 1 1 - 1

1 - 2 1 - 2

1 - 20 1 - 20

2 - 1 2 - 1

2 - 10 2 - 10

2 - 11 2 - 11

<select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:'group' | orderBy:'sub'" />

#1楼

参考：https://stackoom.com/question/19UEm/在Angular中有多个字段

#2楼

Please see this: 请看这个：

http://jsfiddle.net/JSWorld/Hp4W7/32/ http://jsfiddle.net/JSWorld/Hp4W7/32/

<div ng-repeat="division in divisions | orderBy:['group','sub']">{{division.group}}-{{division.sub}}</div>

#3楼

<select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:['group','sub']" />

用户数组而不是多个orderBY

#4楼

If you wants to sort on mulitple fields inside controller use this 如果你想对控制器内的多个字段进行排序，请使用此方法

$filter('orderBy')($scope.property_list, ['firstProp', 'secondProp']);

See also https://docs.angularjs.org/api/ng/filter/orderBy 另见https://docs.angularjs.org/api/ng/filter/orderBy

#5楼

There are 2 ways of doing AngularJs filters, one in the HTML using {{}} and one in actual JS files... 有两种方法可以使用AngularJs过滤器，一种在HTML中使用{{}}，一种在实际的JS文件中......

You can solve you problem by using : 您可以使用以下方法解决问题：

{{ Expression | orderBy : expression : reverse}}

if you use it in the HTML or use something like: 如果你在HTML中使用它或使用类似的东西：

$filter('orderBy')(yourArray, yourExpression, reverse)

The reverse is optional at the end, it accepts a boolean and if it's true, it will reverse the Array for you, very handy way to reverse your Array... 反面是可选的，它接受一个布尔值，如果是真的，它将为你反转数组，非常方便的方式来反转你的数组...

#6楼

Make sure that the sorting is not to complicated for the end user. 确保最终用户的排序不复杂。 I always thought sorting on group and sub group is a little bit complicated to understand. 我一直认为对组和子组进行排序有点复杂。 If its a technical end user it might be OK. 如果它是技术最终用户，那可能没问题。

在Angular中有多个字段相关推荐

数据库查找姓李的人_假设某数据库表中有一个姓名字段,查找姓李的记录的准则是( )_学小易找答案...
[多选题]小明公司主营业务为笔记本电脑销售,公司在各大电子城均有销售柜台.但面对电商的冲击和机遇,小明想通过网店来扩大销售.以下关于小明开网店描述正确的是() [填空题]齿轮传动的润滑方式主要根据齿轮 ...
Angular应用里input字段后面的_ngcontent-hqi是什么含义
我们打开Angular应用,在Chrome开发者工具的Elements面板里可以看到控件被自动加上了形如下图_ngcontent-hqi-c18这种属性,其中hqi为三位的app id,c18为Com ...
更改数据库表中有数据的字段类型NUMERIC(18,2)为NUMERIC(18,6)
前段时间遇到一个问题,需要更改一个表的带有数据的字段类型,需要将NUMERIC(18,2)为NUMERIC(18,6) [1]oracel的写法为: --第一步:把原字段换个名字 alter tabl ...
server sql 将出生日期转为年龄_在sql server表中有一个出生日期字段我怎么才能在当前年份改变时自动更新年龄字段...
先说明下 identity(1,1):自动+1 foreign key 外键语法 create database ztx use ztx Create Table QAUser--baidu用户资料 ...
angular.json
angular.json 一 angular.json的字段讲解 1 前序 2 字段讲解 1 $schema 2 version 3 newProjectRoot 4 projects 1 root ...
数据库中自定义排序规则，Mysql中自定义字段排序规则，Oracle中自定义字段排序规则，decode函数的用法，field函数的用法
数据库中自定义排序场景:有一张banner表,表中有一个status字段,有0, 1, 2三个状态位,我想要 1,0,2的自定义排序(这里是重点),然后再进行之上对sequence字段进行二次排序( ...
对数据库表中的某一字段去重分组排序
1.问题背景某数据库t_tab_ab中有两个字段a和b,例如以下所看到的: 查询前: 查询后: a b a ...
反射字段_详解面试中常考的 Java 反射机制
反射(Reflection) 是 Java 程序开发语言的特征之一,它允许运行中的 Java 程序对自身进行检查,或者说"自审",并能直接操作程序的内部属性和方法. 反射是一项高级 ...
mysql数据库blob区别_MySQL中TEXT与BLOB字段类型的区别
在MySQL中有两个字段类型容易让人感觉混淆,那就是TEXT与BLOB,特别是自己写博客程序的博主不知道改为自己的博客正文字段选择TEXT还是BLOB类型. 下面给出几点区别: 一.主要差别 TEXT ...

在Angular中有多个字段

group : Sub-group 组：子组

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

在Angular中有多个字段相关推荐

最新文章

热门文章