参照なしのAngular4コピーオブジェクト？

Question

コンポーネント内で、コンポーネント内で変更可能なサービスからオブジェクトをコピーしようとしましたが、サービス内にとどまるべきです。最後はoldを滞在する必要にもかかわらず、初期化後の

private test; 

public ngOnInit(): { 
    console.log(this.someService.test.someProperty) //'old' 
    this.test = this.someService.test; 

    //not working as well?! 
    //this.test = Object.assign({}, this.someService.test); 
    //this.test = Object.create(this.somerService.test); 

    this.changeTest(); 
} 

public changeTest(): void { 
    this.test.someProperty = 'new'; 
} 

両方

、 this.test.somePropertyなど this.someService.test.somePropertyは newに変更されますか？

なぜことが起こっている、そしてどのようにのみthis.test

Answer 1

のプロパティを変更するにはObject.assignが浅いマージであるので、それはそれはトップレベルのみをマージしていますですので、トップレベルの両方で同じオブジェクトを参照していますサービスとそのコンポーネント。参照してください

this.test = _.merge({}, this.someService.test) 

：

this.test = JSON.parse(JSON.stringify(this.someService.test)); 

も参照してください：あなたはまた、深いクローンを持つオブジェクトができHow to deep merge instead of shallow merge?

を、私は深いマ​​ージオブジェクトに必要がある場合

は、私は個人的にlodashのマージを使用します：How to Deep clone in javascript

Answer 2

実際にオブジェクトassignはあなたの例のように動作します。 Created plunkerはそれが...

this.test = Object.assign({}, this.someService.test);