Question

我正在尝试在ng-grid（documented here）中设置editableCellTemplate ColumnDef选项。

当我设置它时，即使是默认值<input ng-class="'colt' + col.index" ng-input="COL_FIELD" />，单击一个单元格会立即显示错误

错误：无控制器：ngModel 在错误（） at getControllers（http://foo.com:43037/Scripts/angular.js:4232:19） at nodeLinkFn（http://foo.com:43037/Scripts/angular.js:4361:35）在compositeLinkFn（http://foo.com:43037/Scripts/angular.js:3969:15）在compositeLinkFn（http://foo.com:43037/Scripts/angular.js:3972:13）在publicLinkFn（http://foo.com:43037/Scripts/angular.js:3874:30）在对象。（http://foo.com:43037/Scripts/ng-grid-2.0.7.js:2660:13） at Object.applyFunction [as fn]（：778：50）在Object.Scope。$ digest（http://foo.com:43037/Scripts/angular.js:7896:27） at Object。$ delegate。 proto 。$ digest（：844：31）＆lt; input ng-class =“'colt'+ col.index”ng-input =“row.entity.Name” ＆GT;

如果我没有设置editableCellTemplate，编辑单元格就可以了。

$scope.gridOptions = {
    data: 'people',
    enableCellSelection: true,
    enableRowSelection: false,
    enableCellEdit: true,
    columnDefs:
    [
        { field: 'Id', displayName: 'ID', enableCellEdit: false },
        { field: 'Name', enableCellEdit: true, 
          editableCellTemplate: '<input ng-class="\'colt\' + col.index" ng-input="COL_FIELD" />' }
    ]
};

有什么问题？

（我实际尝试解决的问题是creating an event when cell edit ends，但该解决方案假定您可以设置单元格模板）

Answer 1

input的模板也需要定义ng-model属性：

<input ng-class="'colt' + col.index" ng-input="COL_FIELD" ng-model="COL_FIELD" />

这是default editableCellTemplate。

Angular ng-grid editableCellTemplate抛出异常

1 个答案: