如何在角材料中内联编辑表格？

Question

我需要内联编辑一个表，即在其间编辑一个表行。我有一个填充了数据的表，每行都有一个名为Edit的按钮。当我单击此按钮时，将打开一个对话框，其中包含特定行的内容。我只想编辑这些细节，当点击对话框中的保存按钮时，这些细节应该动态更新到表格中。

非常感谢您的及时帮助。 我使用角度材料和angularjs。

Answer 1

我打算在这里填补一些空白。 我假设您正在使用某种模态来帮助您编辑行。

您可以尝试创建行内容的副本并将其传递到模态的范围，然后当用户单击“保存”时返回新内容并设置行。如果用户点击取消，那么我们不会更新该行

$scope.edit = function(index) { 
    $scope.editCopy = angular.copy($scope.rows[index]); 
    var modal = $uibModal.open({
        //... your modal here
    });

    modal.result.then(function(r) {
         if (r) {
             $scope.rows[index] = r;
         }
    });
}

希望有所帮助。