JavaScriptの現在のデータを置換する際のエラー

Question

私はこの表のユーザーから得た現在のデータを置き換える必要があります。しかし、現在のデータを置き換える代わりに、それは私に新しいデータ行を提供します。

$scope.users = [{username: "a", name:"b", status:"0", scope:"1"}]; 

    $scope.addUser = function(user) { 
     $dialog.open({ 
      showClose: false, 
      closeByEscape: true, 
      template: 'views/user/user-user-add.html', 
      controller: ['$scope', function ($dialogScope) { 
       $dialogScope.title = "New User"; 
       $dialogScope.user = { 
        username : "" , 
        name : "", 
        status : "", 
        scope : "", 
        }; 
      if(user){ 
       $dialogScope.title = "Update User"; 
       $dialogScope.user = { 
        username :user.username , 
        name :user.name , 
        status : user.status, 
        scope : user.scope, 
        }; 
        } 

      $dialogScope.add = function() { 
       $scope.users.push($dialogScope.user); 
       $dialogScope.closeThisDialog(); 
       } 
      }], 
     }); 
    }; 

Answer 1

問題は、このコードで...

$dialogScope.user = { 
    username: user.username , 
    name: user.name , 
    status: user.status, 
    scope: user.scope, 
}; 

...は、スコープ上userオブジェクトを作成しています。次に、このコード...

$scope.users.push($dialogScope.user); 

...あなたのusersアレイにそのオブジェクトへの参照をプッシュしています。今すぐ後で$dialogScope.userを変更すると、新しいuserを作成する代わりにusers配列にプッシュした参照が変更されます。あなたがすべきことは、この...

$scope.users.push(angular.copy($dialogScope.user)); 

...新しいuserインスタンスを作成し、usersアレイ上にそれをプッシュすることです。次に、ダイアログの値をクリアすることができます。

$dialogScope.user = {};