2013-06-06 24 views
9

Ho una matrice di oggetti che sono solo elementi. Dispongo anche di un menu a discesa che vorrei utilizzare per consentire all'utente di filtrare in base al prezzo o alla valutazione, tuttavia a carico della pagina non dovrebbero esserci filtri.filtra i dati usando il menu a discesa?

Come si esegue il mapping dei dati degli articoli per filtrarli in base all'opzione di selezione corrente?

Ho un plunkr per iniziare: LINK

+0

Fare clic su "Salva" nella casella e aggiornare la domanda con un nuovo URL. Hai postato un elenco con il plunk vuoto di AngularJS. –

+0

Scusa, plunkr si è comportato in modo strano oggi. Prova ora – Malcr001

+0

Un blog di dettaglio con esempio: http://goo.gl/XYmwkr –

risposta

17

In primo luogo, i tuoi selezionare i valori sono ambigue. Contengono valori che possono filtrare E ordinare le voci - Separare le due poiché sono due diverse funzionalità.

Successivamente, è necessario definire un filtro personalizzato che filtrerà i dati in base alla classificazione selezionata. Per questo, si migliorano i criteri di filtraggio con la proprietà "Classificazione" per associare la valutazione selezionata con un valore di valutazione.

Infine, associare l'ordinamento con un predicato e un valore inverso - il predicato determina la proprietà/colonna da determinare per l'ordinamento (prezzo nel tuo caso) mentre il contrario determina la natura ascendente/discendente dell'ordinamento.

L'intero codice può essere trovato qui - http://plnkr.co/edit/n7TebC?p=preview

Ho aggiornato il plunkr e ha introdotto commenti in modo fatemi sapere se non si capisce un codice.

+0

Grazie per l'aiuto. – Malcr001

+0

Questo non è un filtro personalizzato poiché Angular usa quel termine ma funziona così. –

Problemi correlati