Заменить угловой выбор UI-GRID RowButton с флажком

Question

Мне нужно заменить содержимое заголовка сетки UI стандартным флажком вместо кнопки OK по умолчанию. Я был в состоянии установить флажок, но я не могу контролировать значение флажка строки на основе отмеченного заголовка столбца. Требование: если выбран флажок заголовка столбца, следует выбрать все флажки строки. Если флажок строки не выбран, то флажок заголовка столбца должен быть не выбран.

Отметьте/снимите флажок, но я должен установить флажок в строке на основе заголовка столбца.

Я борюсь с объемом здесь. Любая помощь/предложение приветствуются.

Plunker Ссылка: http://plnkr.co/edit/Ji7gLbfQTohnEj04mYFM?p=preview

$templateCache.put('ui-grid/selectionRowHeaderButtons', 
    "<div class=\"ui-grid-selection-row-header-buttons \" ng-class=\"{'ui-grid-row-selected': row.isSelected}\"><input style=\"margin: 0; vertical-align: middle\" type=\"checkbox\" ng-model=\"rowSelected\" ng-click=\"grid.appScope.clickConditionRow(rowSelected) && selectButtonClick(row, $event)\">&nbsp;</div>" 
); 

Answer 1

Вот затруднительного положения http://plnkr.co/edit/aBmgnNXQ4fL0npJHzsfG?p=preview

шаблон заголовка флажок:

<div class="ui-grid-selection-row-header-buttons" ng-class="{'ui-grid-all-selected': grid.selection.selectAll}" ng-if="grid.options.enableSelectAll"><input style="margin: 0; vertical-align: middle" type="checkbox" ng-model="grid.selection.selectAll" ng-click="grid.selection.selectAll=!grid.selection.selectAll;headerButtonClick($event)"></div> 

Row шаблон флажок:

<div class="ui-grid-selection-row-header-buttons" ng-class="{'ui-grid-row-selected': row.isSelected}" ><input style="margin: 0; vertical-align: middle" type="checkbox" ng-model="row.isSelected" ng-click="row.isSelected=!row.isSelected;selectButtonClick(row, $event)">&nbsp;</div>