访问 header 单元格模板中的元素

Question

这是andular 1中的一个字段ui-grid

 {
          name: 'refer',
          field: 'refer',
          displayName: 'Refer', enableSorting: false, headerTooltip: 'Refer',
          headerCellTemplate: ' ' +
          '<div class="padding5"> Refer <input value=0 type="checkbox" ng-model=\'referAll\' ng-click="grid.appScope.referAllOrder(referAll)"></div>',
          cellTemplate: '<div  class="text-center" ng-if="grid.appScope.checkReferred(row) == null"> <input type="checkbox" ng-model="row.entity.isReferred"/> </div>' +
          '<div class="text-center" ng-if="grid.appScope.checkReferred(row) != null">  <i ng-click="grid.appScope.cancelReferral(row.entity.visitMasts[0])" role="button" class="colorRed fa fa-close icon-red"></i></div>'
        }

有什么办法，我可以控制 header 单元格模板中的复选框，这里是 referAll ?。这里我需要在某些情况下取消选中该复选框，例如页面重新加载。

尝试过但没有用，"vm.gridOptions1.columnDefs[10].headercellTemplate.referAll = true"

Answer 1

我不确定你想在这里实现什么，但是将 ng-model 从 \'referAll\' 更改为 \'grid.appScope.referAll\' 将允许你从 headerCellTemplate 中访问值。

假设您已经定义了 referAll，然后您可以分配 referAll = true 或 false 来选中/取消选中复选框。

访问 header 单元格模板中的元素

Accessing elements in header cell template

ui-grid

angular1.6