Question

我的目标是创建一个完全动态的可编辑表指令，它只接受一个json对象并输出可编辑的html表。这是我到目前为止的一个东西：

        ////////////////////////////////////
        // save
        ////////////////////////////////////
        $scope.save = function (ind) {

          $scope.headers.forEach(function(entry) {
              $scope.data[ind][entry] = 0; //I know this shouldn't be 0, but i just dont know how to get at the value of the input text box
          });



          $scope.showing = false;
        };

一切正常，除了保存。我只是不知道如何在我的指令的控制器中更新JSON对象。而且我不能在我的文本框上放置一个ng-model，因为它会覆盖从json设置的值。

Answer 1

可以在“编辑模式文本框”上添加ng-model指令，但“编辑模式文本框”应绑定副本行对象而不是原始对象，稍后，在保存操作中，用编辑后的副本替换原始对象

        ////////////////////////////////////
        // showEdit
        ////////////////////////////////////
        $scope.showEdit = function (ind) {

          // ...

          $scope.edit = angular.copy($scope.data[ind]);

          // ...

        };


        ////////////////////////////////////
        // save
        ////////////////////////////////////
        $scope.save = function (ind) {

          $scope.data[ind] = $scope.edit;

          // ...
        };

Plunker：http://plnkr.co/edit/DlLnvE?p=preview

AngularJS动态可编辑表格指令

1 个答案: