AngularJS - ngOptions：如何按组名称然后按标签排序

假设我有以下形式的数据数组：

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>

我希望下拉菜单列出所有项目GroupA before GroupB同时将它们分类在每个组下。

像这样的事情：

GroupA
AA
BB
CC

GroupB
DD
EE
FF

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

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

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

这是一个小提琴 http://jsfiddle.net/sh0ber/UWfbr/