originalModel/object always updating even after variable Initialization

Question

hello currently I am trying to populate a default model for originalModel to store the original values. the issue i'm running into is this originalModel keeps updating even after I initialized it and i have no idea why here is the only time I initialize value.

export abstract class RequestBaseComponent{  
    protected abstract get model(): FaspRequest; //the subClass populates this via Input()
    originalModel: FaspRequest;

    constructor(    private formBuilder: FormBuilder 
    ) {
    }

    ngOnInit() {
     this.originalModel = this.model;
     this.setupForm();
    }
}

LALIT KANTA DIBYADARSHAN · Accepted Answer · 2019-11-24 07:17:55Z

1

Maybe this is a reference issue. When you do this.originalModel = this.model; , you are actually storing the reference of this.model in this.originalModel. So when this.model is updated, this.orginalModel will be updated.

try this

this.originalModel = JSON.parse(JSON.stringify(this.model));

answered Nov 24, 2019 at 7:17

LALIT KANTA DIBYADARSHAN

7534 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

originalModel/object always updating even after variable Initialization

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related