Angularjs 如何在角度材质中内联编辑表格?

Angularjs 如何在角度材质中内联编辑表格?,angularjs,angularjs-ng-repeat,angular-ui-bootstrap,angular-material,Angularjs,Angularjs Ng Repeat,Angular Ui Bootstrap,Angular Material,我需要内联编辑一个表,即编辑中间的一个表行。我有一个填充了数据的表,每行的末尾都有一个名为Edit的按钮。单击此按钮时,将打开一个对话框,其中显示特定行的内容。我只想编辑这些详细信息,当单击对话框中的保存按钮时,这些详细信息应该动态更新到表中 非常感谢你及时的帮助。 我在angularjs中使用了角度材质。我将尝试填补一些空白。 我假设您正在使用某种模式来帮助您编辑行 您可以尝试创建行内容的副本并将其传递到模式的作用域中,然后当用户单击“保存”时,返回新内容并设置行。如果用户点击cancel,则

我需要内联编辑一个表,即编辑中间的一个表行。我有一个填充了数据的表,每行的末尾都有一个名为Edit的按钮。单击此按钮时,将打开一个对话框,其中显示特定行的内容。我只想编辑这些详细信息,当单击对话框中的保存按钮时,这些详细信息应该动态更新到表中

非常感谢你及时的帮助。
我在angularjs中使用了角度材质。

我将尝试填补一些空白。 我假设您正在使用某种模式来帮助您编辑行

您可以尝试创建行内容的副本并将其传递到模式的作用域中,然后当用户单击“保存”时,返回新内容并设置行。如果用户点击cancel,则我们不更新该行

$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;
         }
    });
}

希望能有所帮助。

我将尝试填补一些空白。 我假设您正在使用某种模式来帮助您编辑行

您可以尝试创建行内容的副本并将其传递到模式的作用域中,然后当用户单击“保存”时,返回新内容并设置行。如果用户点击cancel,则我们不更新该行

$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;
         }
    });
}

希望对您有所帮助。

Java和JavaScript不是一回事,请小心使用正确的标记。我已经为这个问题编辑了它们。@JoeClay谢谢,现在已经编辑了Java和JavaScript不是一回事,小心使用正确的标记。我已经为这个问题编辑了它们。@JoeClay谢谢,现在已经编辑了