accessing MAT_DIALOG_DATA as value instead of reference in angular

Question

When I am trying to access MAT_DIALOG_DATA variable its coming as ref. Ex:

@Inject(MAT_DIALOG_DATA) private data: any;

 ngOnInit() {
    this.temp = this.data;
}

update() {
this.temp= "abcd"; that. 
}

This is updating this.data . I want to update only this.temp .

How can I do that?

Answer 1

Try to assign this.temp to a new object

this.temp = {...this.data};

Answer 2

If you want shallow copy, use this.temp= Object.assign({}, this.data)

For "deep" copy, use this.temp= JSON.parse(JSON.stringify(this.data))