web-dev-qa-db-ja.com

ドロップダウンを使用してデータをフィルタリングしますか?

単なるアイテムであるオブジェクトの配列があります。また、ユーザーが価格や評価でフィルタリングできるようにするために使用したいドロップダウンがありますが、ページの読み込み時にフィルタリングは行わないでください。

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

始めるためのプランカーがあります: [〜#〜] link [〜#〜]

9
Malcr001

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

次に、選択した評価に基づいてデータをフィルタリングするカスタムフィルターを定義する必要があります。このために、「Rating」プロパティを使用してフィルタリング基準を拡張し、選択した評価を評価値に関連付けます。

最後に、並べ替えを述語と逆の値に関連付けます。述語は、並べ替えを決定するプロパティ/列(この場合は価格)を決定し、逆は並べ替えの昇順/降順の性質を決定します。

コード全体はここにあります- http://plnkr.co/edit/n7TebC?p=preview

Plunkrを更新し、コメントを導入しましたので、コードがわからない場合はお知らせください。

17
callmekatootie