2013-06-06 108 views
9

我有一個只是項目的對象數組。我也有一個下拉框,我想用它來允許用戶按價格或評分進行過濾,但是在頁面加載時應該沒有過濾。使用下拉菜單過濾數據?

如何根據當前選擇選項將項目數據映射到過濾器?

我有一個plunkr上手:LINK

+0

請點擊「保存」,然後使用新的URL更新您的問題。你已經發布了一個空的AngularJS plunk。 –

+0

對不起,plunkr今天的表現很奇怪。立即試用 – Malcr001

+0

一個詳細的博客,例如:http://goo.gl/XYmwkr –

回答

17

首先,你選擇的值是不明確的。它們包含可以過濾和排序條目的值 - 將它們分開,因爲它們是兩種不同的功能。

接下來,您需要定義一個自定義過濾器,它將根據所選評級過濾數據。爲此,您可以使用「評級」屬性增強過濾條件,將所選評級與評級值相關聯。

最後,關聯使用謂詞和反向值分揀 - 謂詞確定屬性/列,以確定用於排序(價格你的情況),而反向確定排序的上升/下降的性質。

整個代碼可以在這裏找到 - http://plnkr.co/edit/n7TebC?p=preview

我已經更新了plunkr並介紹了意見,以便讓我知道,如果你不明白的代碼。

+0

謝謝你的幫助。 – Malcr001

+0

這不是Angular使用這個術語的自定義過濾器,但它的確如此。 –