javascript - 如何仅在 AngularJS 中选中所有复选框中的筛选复选框？

Question

我有这个 Angular 表:

$scope.customers = [{
  first_name: "Oded",
  last_name: "Taizi",
  id: 1,
  type_link: 2
}, {
  first_name: "Ploni",
  last_name: "Almoni",
  id: 2,
  type_link: 2
}, {
  first_name: "Fred",
  last_name: "Dyllan",
  id: 3,
  type_link: 2
}, {
  first_name: "Dan",
  last_name: "Omer",
  id: 4,
  type_link: 4
}, {
  first_name: "Amir",
  last_name: "Maly",
  id: 5,
  type_link: 3
}, {
  first_name: "Noa",
  last_name: "Levy",
  id: 6,
  type_link: 3
}];

还有这个函数:

 $scope.checkAll = function(isCheck) {
    angular.forEach($scope.customers, function(cust) {
      cust.select = isCheck.selectAll;
    });
 };

我想通过免费搜索和分组来过滤这些数据。这对我有用。
我的问题是单击全选复选框时，它会选中所有复选框，即使在过滤时也是如此

我只想检查所有筛选的行。

这是我的 jsfiddle .
尝试通过选择框进行过滤。

Answer 1

您可以引用过滤后的数组:

<tr ng-repeat="cust in filteredCustomers = (customers | orderBy:orderByField:reverseSort | 
    filter :searchInput | filter: {type_link: typesModel}) ">

可以直接作为 $scope.filteredCustomers 访问。

现在，不检查所有客户，只检查来自 $scope.filteredCustomers 的客户。喜欢:

$scope.checkAll = function(isCheck) {
  angular.forEach($scope.filteredCustomers, function(cust) {
    cust.select = isCheck.selectAll;
  });
};

working fiddle | fiddle与 $scope.filteredCustomers