javascript - 选择 ng-grid 内的所有复选框

Question

我找到了一些 jsfiddle jquery 代码，并尝试将其与我的 ng-grid 结合起来以选择网格中的所有复选框。但是，它不起作用。

这是我尝试做的事情的快速模型:

http://plnkr.co/edit/zy653RrqHmBiRJ7xDHlV?p=preview

这是我的指令

  (function(){
     var app = angular.module('provider-selectall', []);
      app.directive('selectAll',function(){
       return{
        restrict: 'A',
        link: function(scope,element,attr){
         element.click(function() {
         $('.ngSelectionCheckbox input[type="checkbox"]').prop('checked', true);
        });
      }
    };
  });     
})();

指令将激活的按钮

 <div class="btn-group">
  <button class="my-btn btn-info" select-all>Select All</button>
  </button>
</div>

我的 ng-grid Controller 中的东西

  var checkBoxCellTemplate = '<div class="ngSelectionCell"><input tabindex="-1" class="ngSelectionCheckbox" type="checkbox" ng-checked="row.selected" /></div>';
  $scope.gridOptions = {
  columnDefs: [
    {
      cellTemplate: checkBoxCellTemplate,
      showSelectionCheckbox: true
    },{
      field: 'name',
      displayName: 'CPT Code/Description'
    },{
      field: 'cash_price',
      displayName: 'Cash Price'
    },{
      field: 'average_price',
      displayName: 'Average Price'
    },

  ],
  data: 'provider_medical_services'

原始jsfiddle代码:

$('#toggle-all').click(function() {
  $('.btn-group input[type="checkbox"]').prop('checked', true);
});

Answer 1

您需要使用:

$('.ngViewport.ng-scope input[type="checkbox"]').prop('checked', true);