Angularjs ng-grid REST调用

Question

各位朋友：

我正在尝试让我的ng-grid在编辑时进行rest调用。

我遵循了这篇文章的线索：AngularJS and ng-grid - auto save data to the server after a cell was changed

然而，我一直收到这个错误，如果有人遇到过类似的问题，请给我一些建议：

Error: No controller: ngModel
at Error (<anonymous>)
at getControllers (https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js:4823:19)
at nodeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js:4960:35)
at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js:4550:15)
at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js:4553:13)
at publicLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js:4455:30)
at Object.<anonymous> (http://www.yojit.com/app/lib/angular/ng-grid.js:2691:13)
at Object.applyFunction [as fn] (http://www.yojit.com/app/#/employeelist:778:50)
at Object.Scope.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js:8811:27)
at Object.$delegate.__proto__.$digest (http://www.mysite.com/app/#/employeelist:844:31) <input type="text" ng-class="'colt' + col.index" ng-input="row.entity.firstname" ng-blur="updateEntity(col, row)"> 

我的ng-grid如下:在我的html文件中：

<div class="gridStyle" ng-grid="gridOptions"> </div>

在我的控制器中：

 var nameEditableTemplate = "<input  type=\"text\" ng-class=\"'colt' + col.index\" ng-input=\"COL_FIELD\" ng-blur=\"updateEntity(col, row)\"/>";


$scope.gridOptions = { data: 'employees',
columnDefs: [
 {displayName:'Id', field:'id'}, 
 {displayName:'First', field:'firstname',enableCellEdit:true, editableCellTemplate:nameEditableTemplate }, 
 {displayName:'Middle', field:'middlename'} ,
 {displayName:'Last', field:'lastname'}      
 ],
 enableCellSelection: true,
 multiSelect:false,

}; //end of grid options

Answer 1

您在模板中丢失了ng-model

var nameEditableTemplate = "<input  type=\"text\" ng-class=\"'colt' + col.index\" ng-model=\"COL_FIELD\" ng-input=\"COL_FIELD\" ng-blur=\"updateEntity(col, row)\"/>";

希望这能解决这个问题