如何在 angular 中保存 table 中的条目？

Question

我正在使用这个创建一个简单的演示 link http://ui-grid.info/docs/#/tutorial/101_intro。我能够获得点击事件 （请点击第一列编辑图片）。它显示了一个模态。我在点击图像时打开一个模态。它显示所选项目的 预填充 条目。我还可以在模型中获得单击按钮 （保存并取消），但我想要这样：如果用户更改 first 和 second present在输入字段中，当用户按下保存按钮时，它反映在 table 中。

这是我的代码： http://plnkr.co/edit/PLy6rSUIOMoVO6iKfPOY?p=preview

.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, row, grid) {

  var vm=this;
  console.log(row);
  vm.first=row.entity.name;
  vm.second=row.entity.lastname;

  vm.save = function () {
    alert('save')
  };

  vm.cancel = function () {
    $uibModalInstance.dismiss('cancel');
  };
});

Answer 1

很简单：

  vm.save = function () {
    row.entity.name = vm.first
    row.entity.lastname = vm.second
    $uibModalInstance.dismiss('cancel');
  };

由于您仍然有参考，并且每个控制器似乎都是用自己的行创建的，因此您只需将数据保存回 row.entity 对象即可。就这么简单。

如何在 angular 中保存 table 中的条目？

how to save entry in table in angular?

javascript

angularjs

angularjs-scope

angular-ui-grid