Angular中angular.copy的替代方法是什么

直到我们有更好的解决方案,您可以使用以下内容:

duplicateObject =  JSON.parse(JSON.stringify(originalObject));

编辑:澄清

请注意:上述解决方案仅仅是一个快速修复的一个衬垫,在Angular 2正在积极开发时提供.我的希望是我们最终可能得到相当于angular.copy().因此,我不想编写或导入深度克隆库.

此方法在解析日期属性时也存在问题(它将成为字符串).

请不要在生产应用中使用此方法.仅在您的实验项目中使用它 - 您正在学习Angular 2的项目.

深层复制具有嵌套对象的对象的替代方法是使用lodash的cloneDeep方法.

对于Angular,你可以这样做:

用yarn add lodash或安装lodash npm install lodash.

在您的组件中,导入cloneDeep并使用它:

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

它只为您的构建添加了18kb,非常值得获益.

如果你需要更多地了解为什么使用lodash的cloneDeep,我也在这里写了一篇文章.

使用lodash作为bertandg指示.angular不再使用此方法的原因是因为angular 1是一个独立的框架,并且外部库经常遇到角度执行上下文的问题.Angular 2没有那个问题,所以请使用你想要的任何库.

https://lodash.com/docs#cloneDeep

对于浅层复制,您可以使用Object.assign,这是一个ES6功能

let x = { name: 'Marek', age: 20 };
let y = Object.assign({}, x);
x === y; //false

不要用它来进行深度克隆

如果要复制类实例,也可以使用Object.assign,但是需要将新实例作为第一个参数(而不是{})传递:

class MyClass {
    public prop1: number;
    public prop2: number;

    public summonUnicorn(): void {
        alert('Unicorn !');
    }
}

let instance = new MyClass();
instance.prop1 = 12;
instance.prop2 = 42;

let wrongCopy = Object.assign({}, instance);
console.log(wrongCopy.prop1); // 12
console.log(wrongCopy.prop2); // 42
wrongCopy.summonUnicorn() // ERROR : undefined is not a function

let goodCopy = Object.assign(new MyClass(), instance);
console.log(goodCopy.prop1); // 12
console.log(goodCopy.prop2); // 42
goodCopy.summonUnicorn() // It works !

我发现最简单的解决方案是:

let yourDeepCopiedObject = _.cloneDeep(yourOriginalObject);

*重要步骤: 您必须安装lodash才能使用此功能(其他答案尚不清楚):

$ npm install --save lodash

$ npm install --save @types/lodash

然后将其导入ts文件:

import * as _ from "lodash";

正如其他人已经指出的那样,使用lodash或下划线可能是最好的解决方案.但如果您不需要其他任何库,您可以使用以下内容:

  function deepClone(obj) {

    // return value is input is not an Object or Array.
    if (typeof(obj) !== 'object' || obj === null) {
      return obj;    
    }

    let clone;

    if(Array.isArray(obj)) {
      clone = obj.slice();  // unlink Array reference.
    } else {
      clone = Object.assign({}, obj); // Unlink Object reference.
    }

    let keys = Object.keys(clone);

    for (let i=0; i

这就是我们决定做的事情.