текстовая область не закрывается после редактирования

Question

Когда я закончу редактирование текстовой области в сетке, режим редактирования не закрывается.

В этом Plunker, если дважды щелкнуть одну из ячеек под заголовком, текстовая область открывается правильно, но не закрывается после того, как я щелкаю из ячейки.

http://plnkr.co/edit/9jrzziWOP6hWWQ1Gab39?p=preview

<div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-edit></div>

var app = angular.module('app', ['ui.grid', 'ui.grid.edit']);

app.controller('MainCtrl', ['$scope', function ($scope) {
   $scope.data = [
     { name: 'John', title: 'CEO' },
     { name: 'Jane', title: 'Developer' }
   ];

   $scope.columnDefs = [
     {name: 'name', enableCellEdit: false},
     { name: 'title',
        cellEditableCondition: true,
        enableCellEdit: true,                                
        editType: 'textarea',
        editableCellTemplate: '<textarea rows="4" cols="140" ng-model="MODEL_COL_FIELD"></textarea>'
     }
   ];
 }]);

Answer 1

Ваша проблема связана со строкой:

editableCellTemplate: '<textarea rows="4" cols="140" ng-model="MODEL_COL_FIELD"></textarea>'

В API для uiGrid-edit указано, что вы должны иметьдопустимый html, templateCache Id или url, который возвращает HTML-контент, который должен быть скомпилирован при вызове режима редактирования. В вашем случае вы не включили средство для выхода из режима редактирования текстовой области. Чтобы исправить это, включите ui-grid-editor в тег следующим образом.

editableCellTemplate: '<textarea ui-grid-editor rows="4" cols="140" ng-model="MODEL_COL_FIELD"></textarea>'