Angularjs 使用角材料';s md复选框以替换ui网格';s选择框
我想使用angular material的md复选框替换ui网格的选择框,但是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
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>
</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> </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',“”)代码>
这是普朗克尔()