angular2 : comment copier un objet dans un autre objet

Question

Veuillez m'aider à copier l'objet dans un autre objet en utilisant angular 2 ?

Dans angular, j'ai utilisé angular.copy() pour copier les objets vers la référence libre des anciens objets. Mais, lorsque j'ai utilisé la même chose dans angular 2 obtenir l'erreur ci-dessous :

Erreur : angular n'est pas défini.

Answer 1

Solution

Angular2 a été développé sur la base de technologies modernes comme TypeScript et ES6.

Donc vous pouvez juste faire let copy = Object.assign({}, myObject) .

Affectation des objets - de bons exemples.

Pour les objets imbriqués : let copy = JSON.parse(JSON.stringify(myObject))

Answer 2

let copy = Object.assign({}, myObject).  as mentioned above

mais cela ne fonctionne pas pour les objets imbriqués. Une alternative serait donc

let copy =JSON.parse(JSON.stringify(myObject))

Answer 3

Comme nous l'avons suggéré précédemment, la façon la plus propre de copier profondément des objets contenant des objets imbriqués est d'utiliser la méthode cloneDeep de lodash.

Pour Angular, vous pouvez procéder comme suit :

Installer lodash avec yarn add lodash ou npm install lodash .

Dans votre composant, importez cloneDeep et l'utiliser :

import * as cloneDeep from 'lodash/cloneDeep';
...
clonedObject = cloneDeep(originalObject);

Ce n'est que 18kb ajoutés à votre construction, cela en vaut la peine pour les avantages.

J'ai également écrit un article ici si vous avez besoin de plus d'informations sur l'utilisation de cloneDeep de lodash.

Answer 4

Vous pouvez le faire en Angular avec ECMAScript6 en utilisant l'opérateur d'étalement :

let copy = {...myObject};

Answer 5

let course = {
  name: 'Angular',
};

let newCourse= Object.assign({}, course);

newCourse.name= 'React';

console.log(course.name); // writes Angular
console.log(newCourse.name); // writes React

Pour les objets imbriqués, nous pouvons utiliser des bibliothèques tierces, pour copier en profondeur les objets. Dans le cas de lodash, utilisez _.cloneDeep().

let newCourse= _.cloneDeep(course);