表格编辑表格点击

Question

我是AngularJS的新手，我正在尝试编辑表格数据。由于508合规性（以及客户端偏好），我不想使用网格编辑器。首选功能是单击一行，并使用行数据填充表单。

我遇到的问题是，当我在表单中编辑数据时，它会自动更新表数据。我有表格数据和表格数据的单独的$ scope变量，所以我很困惑为什么会发生这种情况。这会导致所有编辑自动保存。请参阅下面的jsfiddle，其中包含我的问题的简化表。

http://jsfiddle.net/sknnw5wk/

忽略代码，就这样SO不抱怨JSFiddle链接，所有代码都在JSFiddle中

$scope.editData = function (rowId) {
    'use strict';

    $scope.currentEditId = rowId;
    $scope.managementBaselineEdit = $scope.formData.managementBaseline.operations[rowId];
}

Answer 1

您可以通过制作所选对象的副本来避免这种行为，即：

$scope.managementBaselineEdit = angular.copy($scope.formData.managementBaseline.operations[rowId]);

请参阅此处的工作演示

http://jsfiddle.net/cq7v5p4o/