捕获Angular模型的原始值以进行就地编辑

Question

我在我的应用中为个人资料数据构建了一个简单的就地编辑解决方案。问题是，如果有人编辑某个字段并修改该字段的文本但选择＆＃34;取消，＆＃34;而不是保存，因为Angular的绑定，文本更改仍然显示在UI中。

我在想，当有人编辑个人资料时，＆＃34;我会捕获该字段的原始值，这样如果它们点击取消，它可以恢复原始文本。

  $scope.editProfile = ->
    $scope.editState = true
    $scope.originalDescription = $scope.user.profile.description

当然，这样的事情并不奏效。我想在调用editProfile函数时捕获$ scope.user.profile.description。

有关策略的任何建议吗？

Answer 1

你可以做的是：

angular.copy($scope.user.profile.description, $scope.description.backup)

如果您需要恢复原始值：

angular.copy($scope.description.backup, $scope.user.profile.description)