我有一个相当大的 from,我尝试在按钮中重置它,但它没有按预期工作。
请参阅下面的代码
function someCtrl() {
var temp;
var vm = this;
someService.then(function (res) {
vm.data = res;
temp = res;
});
vm.reset = function () {
vm.data = temp; //so that vm will reset to res;
}
}
这里我使用 ng-model 中的 vm.data 来编辑每个字段。但是当 ng-model 编辑 vm.data 时,temp 也会自行更新。我猜正在发生一些可变范围引用。因此,当调用 vm.reset 时,vm.data 和 temp 相同,因此不会发生重置。
请建议一种删除此变量范围引用的方法。
最佳答案
在 JavaScript 中,对象是通过引用传递的。 因此,在服务回调中,您将相同的响应对象分配给 vm.data 和 temp。这样,在更改 vm.data 时,您也会更改 temp,因为两者都指向相同的内存位置。
要使其正常工作,请将单独的实例(深度克隆资源对象)分配给 vm.data 和 temp。像这样:
someService.then(function (res) {
vm.data = angular.copy(res);
temp = res; // no need to deep clone this one. temp can point to the res obj
});
并将重置函数改为这样
vm.reset = function () {
vm.data = angular.copy(temp); // assign "backup" value to vm.data
}
关于javascript - 重置 Angular 1.5 View 模型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41393983/