使用angularjs中的静态和动态数据

Question

在我的页面上，我会显示使用标签的人的名字和姓氏。

然后可以在几个输入字段中编辑名字和姓氏。我只想在用户点击保存时更新标签，但在更新输入字段时，标签也会更新。我如何确定标签仅在保存时更新？

我在这里创建了一个plunker来显示问题：http://plnkr.co/edit/WSpZeifClaIL81GUI2eP?p=preview

请注意，更新输入后标签会发生变化。

感谢

托马斯

Answer 1

这是updated plunker。

使用angular.copy克隆您正在处理的对象。

app.controller('MainCtrl', function($scope) {
        $scope.data={first_name:"John", last_name:"Doe"};
        $scope.user=angular.copy($scope.data);
        $scope.staticUser=$scope.data;

这将创建对象的深层副本，因此您将不会引用同一对象。其余代码按原样运行。