Angularjs 标题上选择复选框的ng网格事件

Angularjs 标题上选择复选框的ng网格事件,angularjs,angular-ui,ng-grid,Angularjs,Angular Ui,Ng Grid,我正在使用AngularUI网格的ng网格,并且有一个用于行选择的复选框。它在标题中也给了我一个复选框 若用户选择了标题中的复选框,我想在$scope中触发一些事件/方法,有什么办法吗?我认为通过指定:-checkboxHeaderTemplate,我将获得toggleSelectAll()方法的调用。但事实并非如此。有线索吗? 还有任何$scope的事件或方法可以在多行选择或取消选择时调用 $scope.gridOptions = { data: 'dataLis

我正在使用AngularUI网格的ng网格,并且有一个用于行选择的复选框。它在标题中也给了我一个复选框

若用户选择了标题中的复选框,我想在$scope中触发一些事件/方法,有什么办法吗?我认为通过指定:-checkboxHeaderTemplate,我将获得toggleSelectAll()方法的调用。但事实并非如此。有线索吗? 还有任何$scope的事件或方法可以在多行选择或取消选择时调用

 $scope.gridOptions = {
              data: 'dataList',
              enablePaging: true,
              showFooter: true,
              showFilter: true,
              totalServerItems: 'totalVehicles',
              pagingOptions: $scope.VehpagingOptions,
              filterOptions: $scope.VehfilterOptions.filterText,
              showSelectionCheckbox: true,
              beforeSelectionChange: $scope.beforeVehicleSelectionChange,
              checkboxHeaderTemplate: '<input class="ngSelectionHeader" type="checkbox" ng-show="multiSelect" ng-model="allSelected" ng-change="toggleSelectAll(allSelected, true)"/>'
          };
$scope.gridOptions={
数据:“数据列表”,
enablePaging:true,
showFooter:是的,
showFilter:是的,
totalServerItems:“totalVehicles”,
分页选项:$scope.VehpagingOptions,
过滤选项:$scope.VehfilterOptions.filterText,
showSelectionCheckbox:true,
beforeSelectionChange:$scope.beforeVehicleSelectionChange,
checkboxHeaderTemplate:'
};

我发现,如果选择了多行,ng grid会将项目数组发送给afterSelectionChange。我改用这个(这解决了我的问题):-


我发现,若选择了多行,ng grid会将项数组发送给afterSelectionChange。我改用这个(这解决了我的问题):-

 $scope.afterVehicleSelectionChange = function (rowItem, event) {
            if (rowItem.length) {
                _.each(rowItem, function (item) {
                    updateItemOnSelectionChange(item);
                });
            } else {
                updateItemOnSelectionChange(rowItem);
            }
            return true;
        };