如何以角度保存表中的条目?

时间:2016-01-13 10:08:43

标签: javascript angularjs angularjs-scope angular-ui-grid

我正在使用此链接创建一个简单的演示 http://ui-grid.info/docs/#/tutorial/101_intro。 我可以获得点击事件(请点击第一列编辑图像)。它显示了一个模态。我点击图片打开一个模态。它会显示所选项目的预填充条目。我还能够在模型中获得点击按钮(保存并取消),但我想要这样:如果用户更改输入字段中的第一个和第二个,它会反映出来在用户按保存按钮的表格中。

这是我的代码: 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');
  };
});

1 个答案:

答案 0 :(得分:0)

这很简单:

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

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