当使用angular.copy时,代替更新参考,而是创建一个新对象并将其分配给目标(如果提供了目标)。但是还有更多。在深层复制之后会发生这种很酷的事情。
假设您有一个工厂服务,其中包含更新工厂变量的方法。
angular.module('test').factory('TestService', [function () {
var o = {
shallow: [0,1], // initial value(for demonstration)
deep: [0,2] // initial value(for demonstration)
};
o.shallowCopy = function () {
o.shallow = [1,2,3]
}
o.deepCopy = function () {
angular.copy([4,5,6], o.deep);
}
return o;
}]);
和使用该服务的控制器,
angular.module('test').controller('Ctrl', ['TestService', function (TestService) {
var shallow = TestService.shallow;
var deep = TestService.deep;
console.log('****Printing initial values');
console.log(shallow);
console.log(deep);
TestService.shallowCopy();
TestService.deepCopy();
console.log('****Printing values after service method execution');
console.log(shallow);
console.log(deep);
console.log('****Printing service variables directly');
console.log(TestService.shallow);
console.log(TestService.deep);
}]);
当运行上述程序时,输出将如下所示:
****Printing initial values
[0,1]
[0,2]
****Printing values after service method execution
[0,1]
[4,5,6]
****Printing service variables directly
[1,2,3]
[4,5,6]
因此,使用角度复制的妙处在于,目标的引用会随着值的更改而反映出来,而不必再次手动重新分配值。