首页 / JAVASCRIPT / javascript – Angular ng-grid editableCellTemplate抛出异常

javascript – Angular ng-grid editableCellTemplate抛出异常

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular ng-grid editableCellTemplate抛出异常，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1184字，纯文字阅读大概需要2分钟。

内容图文

我试图在ng-grid(documented here)中设置editableCellTemplate ColumnDef选项.

当我设置它时,即使是默认值< input ng-class =“'colt'col.index”ng-input =“COL_FIELD”/>,单击一个单元格会立即给出错误

Error: No controller: ngModel
at Error ()
at getControllers (07001)
at nodeLinkFn (07002)
at compositeLinkFn (07003)
at compositeLinkFn (07004)
at publicLinkFn (07005)
at Object. (07006)
at Object.applyFunction [as fn] (:778:50)
at Object.Scope.$digest (07007)
at Object.$delegate.proto.$digest (:844:31) <input ng-class=”‘colt’ + col.index” ng-input=”row.entity.Name”>

如果我没有设置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,但该解决方案假定您可以设置单元格模板)

解决方法:

您输入的模板也需要定义ng-model属性：

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

这是default editableCellTemplate.

内容总结

以上是互联网集市为您收集整理的javascript – Angular ng-grid editableCellTemplate抛出异常全部内容，希望文章能够帮你解决javascript – Angular ng-grid editableCellTemplate抛出异常所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/748523.html

来源：【匿名】