LoginSignup
3
4

More than 5 years have passed since last update.

ngRepeatでカスタムフィルタリング後の配列(オブジェクト)の件数を表示する方法

Last updated at Posted at 2015-06-16

絞り込み検索のロジックを作成していてわかったのでメモ。
最初はカスタムフィルター内でangular.forEach()のループ中にカウントを取ろうと思ったんですけど、何か美しくないなと思って調べたらあった。

filteredDataにフィルタリング後のデータを保持させlengthで取得
<p>{{ filteredData.length }}件</p>
<ul>
  <li data-ng-repeat="data in filteredData = (array | customFilter: フィルターに渡す条件等)">
    {{ data.〜〜 }}
  </li>
</ul>

すごいぞ!Angular!\(^o^)/
ngRepeatディレクティブが本当にすてきだ。私は検索ロジックを作っていたので、条件用のformをフィルターに渡す条件にそのまま渡してフィルタリングをかけました。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4