2013-06-06 27 views
9

Mam tablicę obiektów, które są po prostu elementami. Mam też listę rozwijaną, której chciałbym użyć, aby umożliwić użytkownikowi filtrowanie według ceny lub oceny, jednak przy ładowaniu strony nie powinno być filtrowania.filtrować dane za pomocą rozwijanego menu?

Jak mapować dane pozycji do filtrowania na podstawie aktualnie wybranej opcji?

mam plunkr zacząć: LINK

+0

Proszę kliknąć "Zapisz" w swoim plunk i zaktualizować pytanie z nowym adresem URL. Opublikowaliście sprawę z pustym plusem AngularJS. –

+0

Niestety, plunkr zachowuje się dzisiaj dziwnie. Wypróbuj teraz – Malcr001

+0

Szczegółowy blog z przykładem: http://goo.gl/XYmwkr –

Odpowiedz

17

przede wszystkim swoimi wybierz wartości są niejednoznaczne. Zawierają wartości, które mogą filtrować i sortować wpisy - Oddziel dwa, ponieważ są to dwie różne funkcje.

Następnie należy zdefiniować niestandardowy filtr, który będzie filtrować dane w oparciu o wybraną ocenę. W tym celu poprawiasz kryteria filtrowania za pomocą właściwości "Ocena", aby powiązać wybraną ocenę z wartością oceny.

Na koniec skojarz sortowanie z predykatem i odwrotną wartością - predykat określa właściwość/kolumnę do ustalenia dla sortowania (cena w twoim przypadku), podczas gdy odwrotność określa rosnącą/malejącą naturę sortowania.

Cały kod można znaleźć tutaj - http://plnkr.co/edit/n7TebC?p=preview

I zaktualizowaniu plunkr i wprowadził komentarzy więc daj mi znać, jeśli nie zrozumieć kod.

+0

Dziękuję za pomoc. – Malcr001

+0

To nie jest niestandardowy filtr, ponieważ Angular używa tego terminu, ale działa tak. –

Powiązane problemy