2013-06-06 8 views
9

私は単なるアイテムであるオブジェクトの配列を持っています。私はまた、ユーザーが価格や評価でフィルタリングできるようにするために使用したいドロップダウンを持っていますが、ページの読み込みにはフィルタリングは必要ありません。ドロップダウンリストを使用してデータをフィルタリングしますか?

現在の選択オプションに基づいてアイテムデータをフィルタにマップするにはどうすればよいですか?

私が始めるためにplunkr持っている:LINK

+0

あなたの大声で「保存」をクリックし、新しいURLで質問を更新してください。あなたは空のAngularJS plunkで要点に投稿しました。 –

+0

申し訳ありませんplunkrは今日変わった動作をしています。今すぐお試しください – Malcr001

+0

詳細なブログ(例:http://goo.gl/XYmwkr –

答えて

17

まず何よりも、あなたの選択の値があいまいです。それらには、エントリをフィルタリングしてソートできる値が含まれています。これらは2つの異なる機能であるため、2つを分離します。

次に、選択したレーティングに基づいてデータをフィルタリングするカスタムフィルタを定義する必要があります。このために、フィルタリング条件を「評価」プロパティで強化し、選択した評価を評価値に関連付けることができます。

最後に、ソートを述語と逆の値に関連付けます。ソートの昇順/降順の性質を決定する際に、ソート(あなたの場合は価格)を決定するために述語がプロパティ/列を決定します。

全体のコードはここで見つけることができます - http://plnkr.co/edit/n7TebC?p=preview

私はあなたがコードを理解していない場合は私に知らせてplunkrと導入のコメントを更新しました。

+0

)ありがとうございます。 – Malcr001

+0

Angularはその用語を使用していますが、そのように機能するため、これはカスタムフィルタではありません。 –

関連する問題