我有一个对象数组如下。
$scope.students = [{'isSelected': true},
{'isSelected': true},
{'isSelected': false},
{'isSelected': true},
{'isSelected': true},
]
如何获得isSelected属性设置为的计数项目true？
问题是$scope.students从 REST api 获取，并且简单地循环遍历 $scope.students 变量undefined在请求完成之前不起作用，因为该变量在请求完成之前，因此循环代码出错说$scope.students is not defined.
我尝试使用，$watch但在那种情况下，我必须在 watch 指令下定义循环，并且它只在定义 $scope.students 时工作一次，之后循环不起作用，因为 $scope.students 本身没有改变。
还有另一种方法可以做到这一点：AngularJS 过滤器。你可以这样写：
var selectedCount = $filter('filter')($scope.students, { isSelected: true }).length;
您还可以使用 javascript 过滤器方法（请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter）
$scope.selectedStudentsCount = function() {
return $scope.students.filter(function(obj){return obj.isSelected}).length;
}
您可以将以下方法添加到您的控制器中。selectedStudentsCount您范围内的变量将保留所有选定学生的数量（isSelected设置为true）。
只有当不为空时，才会执行统计选定用户的函数。否则为空变量将返回。
angular.forEachstudents studentsselectedStudentsCount0
$scope.selectedStudentsCount = function() {
var count = 0;
angular.forEach($scope.students, function(student){
count += student.isSelected ? 1 : 0;
});
return count;
}
请注意，这selectedStudentsCount是一个函数，因此必须()在您的模板中调用它，例如
<h2>Total selected students: {{selectedStudentsCount()}}</h2>