AngularJs - ngOptions: как заказать по названию группы, а затем по метке

Предположим, что у меня есть следующий массив данных в этой форме:

Я бы хотел, чтобы выпадающий список отображал все элементы с GroupA перед GroupB, а также сортировал их под каждой группой.

Я знаю, что могу использовать фильтр orderBy Angular, но это не работает так, как мне нужно. Я предполагаю, что я должен написать специальный фильтр, который вручную упорядочивает список так, как я хочу, но мне было интересно, есть ли более простой способ выполнить задачу.

Ответы

Ответ 1

orderBy может принимать массив из нескольких параметров для упорядочивания. Итак, вы можете сделать:

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

Вот скрипка

Ответ 2

Кажется, что orderBy будет работать точно так, как вы хотите.

Просто возьмите свое выражение и добавьте orderBy в конец:

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

Сначала будет отсортирован массив data на значение каждого элемента label, а затем сгруппируйте его. Поскольку данные будут правильно упорядочены, каждая группа будет отображаться правильно.

Здесь скрипка.

Обратите внимание, как начальный массив определен в обратном порядке, но правильно отсортирован в каждой группе в элементе выбора.