Pourquoi et quand utiliser angulaire.copie? (Deep Copy)

Utilisation angulaire.copie lors de l'affectation de la valeur d'un objet ou d'un tableau à l'autre variable et que object valeur ne doit pas être modifié.

Sans copie en profondeur ou à l'aide de angulaire.copie, évolution de la valeur de la propriété ou de l'ajout de toute nouvelle propriété mise à jour de tous les objets référencer le même objet.

JS:

var app = angular.module('copyExample', []);
app.controller('ExampleController', ['$scope',
function($scope) {
$scope.printToConsole = function() {
$scope.main = {
first: 'first',
second: 'second'
};
$scope.child = angular.copy($scope.main);
console.log('Main object :');
console.log($scope.main);
console.log('Child object with angular.copy :');
console.log($scope.child);
$scope.child.first = 'last';
console.log('New Child object :')
console.log($scope.child);
console.log('Main object after child change and using angular.copy :');
console.log($scope.main);
console.log('Assing main object without copy and updating child');
$scope.child = $scope.main;
$scope.child.first = 'last';
console.log('Main object after update:');
console.log($scope.main);
console.log('Child object after update:');
console.log($scope.child);
}
}
]);
//Basic object assigning example
var main = {
first: 'first',
second: 'second'
};
var one = main; //same as main
var two = main; //same as main
console.log('main :' + JSON.stringify(main)); //All object are same
console.log('one :' + JSON.stringify(one)); //All object are same
console.log('two :' + JSON.stringify(two)); //All object are same
two = {
three: 'three'
}; //two changed but one and main remains same
console.log('main :' + JSON.stringify(main)); //one and main are same
console.log('one :' + JSON.stringify(one)); //one and main are same
console.log('two :' + JSON.stringify(two)); //two is changed
two = main; //same as main
two.first = 'last'; //change value of object's property so changed value of all object property 
console.log('main :' + JSON.stringify(main)); //All object are same with new value
console.log('one :' + JSON.stringify(one)); //All object are same with new value
console.log('two :' + JSON.stringify(two)); //All object are same with new value

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="copyExample" ng-controller="ExampleController">
<button ng-click='printToConsole()'>Explain</button>
</div>

Je dirais angular.copy(source); dans votre situation est inutile si vous ne l'utilisez pas sans une destination angular.copy(source, [destination]);.

Si une destination est fourni, tous ses éléments (pour les tableaux)
ou propriétés (pour les objets) sont supprimés et puis tous les
éléments/propriétés de la source sont copiés.

https://docs.angularjs.org/api/ng/function/angular.copy

Je connais déjà la réponse, je suis juste essayer de faire simple.
Donc angulaire.copie(de données), vous pouvez l'utiliser dans le cas où vous souhaitez modifier/modifier votre reçu l'objet en gardant ses valeurs d'origine non modifiée/inchangés.

Par exemple: supposons que j'ai fait appel d'api et j'ai obtenu mon originalObj, maintenant, je veux changer les valeurs de l'api originalObj pour certains cas, mais je veux les valeurs d'origine, donc ce que je peux faire, je peux faire une copie de mon api originalObj dans duplicateObj et modifier duplicateObj de cette façon, mon originalObj valeurs ne changeront pas. En termes simples duplicateObj modification ne reflètent dans originalObj contrairement à comment js obj se comporter.

 $scope.originalObj={
fname:'sudarshan',
country:'India'
}
$scope.duplicateObj=angular.copy($scope.originalObj);
console.log('----------originalObj--------------');
console.log($scope.originalObj);
console.log('-----------duplicateObj---------------');
console.log($scope.duplicateObj);
$scope.duplicateObj.fname='SUD';
$scope.duplicateObj.country='USA';
console.log('---------After update-------')
console.log('----------originalObj--------------');
console.log($scope.originalObj);
console.log('-----------duplicateObj---------------');
console.log($scope.duplicateObj);

Résultat est comme si....

    ----------originalObj--------------
manageProfileController.js:1183 {fname: "sudarshan", country: "India"}
manageProfileController.js:1184 -----------duplicateObj---------------
manageProfileController.js:1185 {fname: "sudarshan", country: "India"}
manageProfileController.js:1189 ---------After update-------
manageProfileController.js:1190 ----------originalObj--------------
manageProfileController.js:1191 {fname: "sudarshan", country: "India"}
manageProfileController.js:1192 -----------duplicateObj---------------
manageProfileController.js:1193 {fname: "SUD", country: "USA"}

Javascript transmet des variables by reference, cela signifie que:

var i = [];
var j = i;
i.push( 1 );

Maintenant, à cause de by reference partie i est [1], et j est [1] ainsi, même si seulement i a été changé. C'est parce que quand nous disons j = i javascript n'est pas la copie de la i variable et de l'attribuer à j mais les références i variable par l'intermédiaire d' j.

Angulaire copie nous permet de perdre cette référence, ce qui signifie:

var i = [];
var j = angular.copy( i );
i.push( 1 );

Maintenant i ici égale à [1], tandis que j toujours égale à [].

Il existe des situations où ce genre de copy fonctionnalité est très pratique.