angular2: jak skopiować obiekt do innego obiektu

Question

Proszę mi pomóc, aby skopiować obiekt do innego obiektu za pomocą kątowego 2?

W kanciastym użyłem metody angle.copy(), aby skopiować obiekt do luźnego odniesienia do starego obiektu. Jednak, gdy użyłem samo w kątowym 2 Wprowadzenie poniżej błędu:

Error: angular is not defined.

Answer 1

Rozwiązanie

Angular2 opracowane na ziemi nowoczesnych technologii, takich jak maszynopis i ES6. Więc możesz po prostu zrobić let copy = Object.assign({}, myObject).

Object assign - ładne przykłady.

Dla obiektów zagnieżdżonych: let copy = JSON.parse(JSON.stringify(myObject))

Answer 2

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

ale to przyzwyczajenie praca dla obiektów zagnieżdżonych. SO alternatywą byłoby

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

Answer 3

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

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

newCourse.name= 'React'; 

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

Dla obiektu zagnieżdżonego możemy użyć bibliotek 3rd party, na głębokich obiektów kopiowanie. W przypadku lodash użyć _.cloneDeep()

let newCourse= _.cloneDeep(course); 

Answer 4

Jak sugerowano wcześniej, czysty sposób głębokich obiektów kopiowania po zagnieżdżone obiekty wewnątrz jest za pomocą metody cloneDeep lodash użytkownika.

Dla kątowe, można zrobić to tak:

Install lodash z yarn add lodash lub npm install lodash.

W komponentu, importować cloneDeep i używać go:

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

to tylko 18KB dodany do budowy, warto za korzyści.

Napisałem również article here, jeśli potrzebujesz więcej informacji na temat używania cloneDeep lodasha.