Angularjs 使用角材料';s md复选框以替换ui网格';s选择框

Angularjs 使用角材料';s md复选框以替换ui网格';s选择框,angularjs,angular-material,ui-grid,Angularjs,Angular Material,Ui Grid,我想使用angular material的md复选框替换ui网格的选择框,但是grid.selection.selectAll的ng模型不正确这是我的代码: 'use strict'; angular.module "myApp" .run ['$templateCache' ($templateCache) -> $templateCache.put('ui-grid/selectionRowHeaderButtons', "<div clas

我想使用angular material的md复选框替换ui网格的选择框,但是
grid.selection.selectAll的
ng模型
不正确这是我的代码:

'use strict';
angular.module "myApp"
.run ['$templateCache'
  ($templateCache) ->       
    $templateCache.put('ui-grid/selectionRowHeaderButtons',
      "<div class=\"ui-grid-selection-row-header-buttons \" ng-class=\"{'ui-grid-row-selected': row.isSelected}\" >" +
        "<md-checkbox style=\"margin: 0; vertical-align: middle\"  ng-model=\"row.isSelected\" ng-click=\"row.isSelected=!row.isSelected;selectButtonClick(row, $event)\"></md-checkbox>
        &nbsp;
      </div>"
    );
    $templateCache.put('ui-grid/selectionSelectAllButtons',
      "<div class=\"ui-grid-selection-row-header-buttons \" ng-class=\"{'ui-grid-all-selected': grid.selection.selectAll}\" ng-if=\"grid.options.enableSelectAll\">
        <md-checkbox style=\"margin: 0; vertical-align: middle\" type=\"checkbox\" ng-model=\"grid.selection.selectAll\" ng-click=\"grid.selection.selectAll=!grid.selection.selectAll;headerButtonClick($event)\"></md-checkbox>
      </div>"
    );
]
“严格使用”;
angular.module“myApp”
.运行['$templateCache'
($templateCache)->
$templateCache.put('ui-grid/selectionRowHeaderButtons',
"" +
"
"
);
$templateCache.put('ui-grid/selectionSelectAllButtons',
"
"
);
]
当我单击
选择selectionSelectAllButtons
的复选框时,它不起作用

在我取消选择之后,它会选择所有的行

这是你的电话号码

如果我使用
,它运行良好

“$templateCache”,函数($templateCache){
'$templateCache', function($templateCache) {

  $templateCache.put('ui-grid/selectionRowHeaderButtons', "<div class=\"ui-grid-selection-row-header-buttons \" ng-class=\"{'ui-grid-row-selected': row.isSelected}\" >" + "<md-checkbox style=\"margin: 0; vertical-align: middle\"  ng-model=\"row.isSelected\" ng-click=\"row.isSelected=!row.isSelected;selectButtonClick(row, $event)\"></md-checkbox> &nbsp; </div>");
  $templateCache.put('ui-grid/selectionSelectAllButtons', "<div class=\"ui-grid-selection-row-header-buttons \" ng-class=\"{'ui-grid-all-selected': grid.selection.selectAll}\" ng-if=\"grid.options.enableSelectAll\"> <md-checkbox style=\"margin: 0; vertical-align: middle\" type=\"checkbox\" ng-model=\"row.isSelected=grid.selection.selectAll\"  ng-click=\"grid.selection.selectAll=grid.selection.selectAll;headerButtonClick($event)\"></md-checkbox> </div>");
}
$templateCache.put('ui-grid/selectionRowHeaderButtons',“+”); $templateCache.put('ui-grid/selectionSelectAllButtons',“”); }

这有时会起作用

如下更改templateCache,效果很好

$templateCache.put('ui-grid/selectionRowHeaderButtons',“+”);
$templateCache.put('ui-grid/selectionSelectAllButtons',“”)

这是普朗克尔()