AngularJs - ngOptions：如何通过组名称，然后通过标签

Question

下令让我们假设我有这种形式的以下数据数组：

var data = [{group:GroupA, label: BB}, {group:GroupB, label: DD}.....]. 

我的结合会是这样的：

<select data-ng-options="c as c.label group by c.group for c in data"></select> 

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

就是这样。

GroupA 
AA 
BB 
CC 

GroupB 
DD 
EE 
FF 

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

Answer 1

orderBy可以采取多个参数的数组来排序。所以，你可以这样做：

c as c.label group by c.group for c in data | orderBy:['group','label'] 

Here is a fiddle

Answer 2

看起来好像orderBy会像你想要的一样工作。

只要看看你的表情，并添加排序依据底：

c as c.label group by c.group for c in data | orderBy:'label' 

这将首先命令data阵列由每个项目的label属性的值，然后将它们分组。由于数据将被正确排序，因此每个组都会显示正确排序。

Here's a fiddle.

注意初始阵列是如何在向后顺序定义，但每一组中的选择的正确排序。