AngularJSで、複数の項目をソート対象にする

AngularJSのng-repeatを利用して、配列なの内容をテーブルなどに表示していると、ソートしたくなるかと思います。
通常のやり方と、自分用に使ったやり方を紹介します。
表示するときなどに最初からソートして表示や、列をクリックすることで昇順・降順にソートすると言った処理が可能となります。

orderByで指定する

ng-repeat内で、orderBY:ソートしたい列名でソートが可能です。

サンプルコード

項目ごとにソートを行う

orderByの項目は変数を指定することが出来ます。
なので、ソートしたい名前:ソートフラグという処理を行っています。

サンプルコード

違うやり方があるのかもしれないですが、これで動作したので。
ID、価格、日付をクリックすると並び順が変わります

あわせて読みたい

コメントを残す

Translate »
%d人のブロガーが「いいね」をつけました。