Patch value not working after the first instance angular

Question

I am trying to populate the form field when click on edit icon. For the first time it is working as expected but after I click different edit icon it doesn't update. Also if I hit cancel button and again click any edit button it is working fine. But it only works for the first time.

Stackblitz demo

I am calling that patchValue thing inside the ngAfterViewInit.

  ngAfterViewInit(): void {
     setTimeout(() => {
       this.editDataToForm();  
     }, );
  }

It should update the form field whenever I click any of the edit icon.

Z. Bagley · Accepted Answer · 2020-03-06 13:08:25Z

1

The issue is that the ngAfterViewInit lifecycle hook only is proc'd once during the component's life (after the view is initialized), and the component isn't being destroyed except for when you completely close the form.

In order to update the form any time the form data is changed you will also need to hook into the ngOnChanges lifecycle hook.

  ngOnChanges(changes: SimpleChanges) {
    console.log('change detected: ', changes)
    setTimeout(() => {
      this.editDataToForm();  
    }, );
  }

Forked StackBlitz: https://stackblitz.com/edit/angular-t7jams

answered Mar 6, 2020 at 13:08

Z. Bagley

9,2681 gold badge44 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

Patch value not working after the first instance angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related