更改前存储绑定的对象

Question

我有一个包含组信息的对象：

selectedGroup:  { 
      name: Test Group,
      id: 10,
      description: a group,
      owner: 88,
      ownerIsUser: False
 }

我有一个绑定到selectedGroups.name属性的文本框。我需要在更改发生之前将该名称存储在它自己的变量中。

我有一个AJAX库，允许我更新名称和描述等组信息，但它需要旧名称来标识要更新的组。我试过了：

var oldName = selectedGroup.name

但这不起作用，因为一旦我开始输入oldName就会更新。

Answer 1

您可以创建watch：

$scope.$watch('selectedGroup.name', function(newVal, oldVal) {
   // save/copy oldVal somewhere 
});

PD：要深度复制对象，您可以使用angular.copy()