angularjs - ng-repeat から行数を表示するにはどうすればよいですか?

Question

Web ページに、次のようなデータが入力されたテーブルがあります。

<tr data-ng-repeat="row in grid.data | filter:isQuestionInRange">
   <td>{{ row.problemId }}</td>
</tr>

テーブル フッターに表示される行数をカウントする方法はありますか。grid.data配列からの行数だけでなく、フィルタリングされた後の行を表示できるようにしたいことに注意してください。

Answer 1

次のように、フィルター処理された配列の長さを確認できます。

{{ (grid.data | filter:isQuestionInRange).length }}

Answer 2

この例の plunkに示すように、コントローラーで$filter サービスを使用することをお勧めします。

$scope.evenNumbers = $filter('filter')($scope.numbers, $scope.isEven);

あなたの場合：

var $scope.filteredRows = $filter('filter')($scope.gridData, $scope.isQuestionInRange);

このようにして、フィルタリングを 1 回だけ実行し、テンプレートに新しいスコープ フィールドを導入することを回避します。これにより、コードのテストと理解が難しくなります。

filteredRowsテンプレートで繰り返し{{ filteredRows.length }}、表示される行数を取得します。