AngularJs - ngOptions: Come ordinare per nome gruppo e poi da Label

Question

Supponiamo Ho il seguente array di dati in questa forma:

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

mio vincolanti sarebbe qualcosa di simile:

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

Vorrei che il menu a discesa elencasse tutti gli elementi con GroupA prima di GroupB e li abbia ordinati anche sotto ciascun gruppo.

Qualcosa di simile.

GroupA 
AA 
BB 
CC 

GroupB 
DD 
EE 
FF 

So che posso usare l'ordine dal filtro Angolare, ma questo non funziona nel modo che mi serve. La mia ipotesi è che devo scrivere un filtro personalizzato che ordina manualmente l'elenco nel modo desiderato, ma mi chiedevo se esistesse un modo più semplice per eseguire l'operazione.

Answer 1

orderBy può richiedere un array di più parametri per ordinare. Così si può fare:

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

Here is a fiddle

Answer 2

Sembra che orderBy funzionerebbe esattamente come si desidera.

Basta prendere la tua espressione e aggiungere l'orderBy alla fine:

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

Questo sarà prima ordinare il data matrice in base al valore della proprietà di ciascun elemento label, e poi raggrupparli. Poiché i dati saranno stati ordinati correttamente, ciascun gruppo verrà visualizzato correttamente.

Here's a fiddle.

Si noti come la matrice iniziale è definita in modo all'indietro, ma si ordina correttamente in ogni gruppo nella select.