angular2: cách sao chép đối tượng vào đối tượng khác

Question

Hãy giúp tôi sao chép đối tượng vào đối tượng khác bằng góc 2?

Trong góc cạnh tôi đã sử dụng angular.copy() để sao chép đối tượng để tham chiếu lỏng lẻo của đối tượng cũ. Tuy nhiên, khi tôi được sử dụng tương tự ở góc 2 nhận được dưới đây lỗi:

Error: angular is not defined.

Answer 1

Giải pháp

Angular2 phát triển trên nền tảng công nghệ hiện đại như nguyên cảo và ES6. Vì vậy, bạn chỉ có thể thực hiện let copy = Object.assign({}, myObject).

Object assign - ví dụ hay.

Đối với đối tượng lồng nhau: let copy = JSON.parse(JSON.stringify(myObject))

Answer 2

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

nhưng công việc này wont cho các đối tượng lồng nhau. SO một sự thay thế sẽ là

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 

Đối với đối tượng lồng nhau chúng ta có thể sử dụng các thư viện của bên thứ 3, cho các đối tượng sao chép sâu. Trong trường hợp lodash, sử dụng _.cloneDeep()

let newCourse= _.cloneDeep(course); 

Answer 4

Như đã đề cập trước đây, con đường sạch sẽ của các đối tượng sao chép sâu khi đối tượng lồng vào bên trong là bằng cách sử dụng phương pháp cloneDeep lodash của.

Đối kiễu góc, bạn có thể làm điều đó như thế này:

Install lodash với yarn add lodash hoặc npm install lodash.

Trong thành phần của bạn, nhập cloneDeep và sử dụng nó:

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

Nó chỉ 18kb thêm vào xây dựng của bạn, cũng có giá trị đối với những lợi ích.

Tôi cũng đã viết article here, nếu bạn cần hiểu rõ hơn về lý do sử dụng cloneDeep của lodash.