angularjs - 如何使用 ng-grid 使用 $http 更新单元格？

Question

我是 Angular 新手，正在尝试使用 ng-grid 插件制作一个 CRUD 应用程序。我从网上找到了一个示例，它为我提供了所需的信息，但没有很好地解释如何使用 REST 路由更新信息。这是代码： var cellEditableTemplate = "";

// Configure ng-grid
$scope.gridOptions = {
    data: 'myData',
    enableCellEdit: true,
    multiSelect: false,
    columnDefs: [
        { field: 'Id', displayName: 'Id' },
        { field: 'Name', displayName: 'Name', enableCellEdit: true, editableCellTemplate: cellEditableTemplate },
        { field: 'Description', displayName: 'Description', enableCellEdit: true, editableCellTemplate: cellEditableTemplate }
    ]
};


// Update Entity on the server side
$scope.updateEntity = function (column, row) {
    console.log(row.entity);
    console.log(column.field);
    // code for saving data to the server...
    // row.entity.$update() ... <- the simple case
}

如何使用示例中的以下内容更新我的模型？

row.entity.$update()

Answer 1

注入$http你的控制器。

然后在你的$scope.updateEntity：

$scope.updateEntity = function() {
   $http.get('getDataFromServerUrl').success(function(data) {
         //update data
         $scope.gridOptions.data = data;
        }).error(function(err) {
           console.log('Error getting data', err);
        });
 }

然后您的数据将被更新，因为$http激活 $digest 循环。