Patch value of a form array at a specific index

Question

I have constructed my form like this.

this.myForm = this.fBuilder.group({
  openingHoursForm: this.fBuilder.array([])
});

this.openingHoursArray = data.body.OpeningHours;

this.openingHoursArray.forEach(element => {

(<FormArray>this.myForm.get('openingHoursForm')).push(this.fBuilder.group({
                            Id: [element.Id],
                            Heading: [element.Heading],
                            Subheading: [element.Subheading],
                            When: [element.When],
                            Times: [element.Times],
                            Emphasis: [element.Emphasis],
                            SortOrder: [element.SortOrder]
                    }));
                });

But how do I patch the value of "SortOrder" at a specific index. I have this but it's not working:

moveRowUp(currentIndex,fixture)
    {
        const control = <FormArray>this.myForm.controls['openingHoursForm'];
        control.at(currentIndex)['SortOrder'].patchValue(currentIndex + 1);
        console.log(this.myForm);
    }

Arun Kumaresh · Accepted Answer · 2018-02-12 15:23:52Z

1

try this

 moveRowUp(currentIndex,fixture)
  {
      const control = this.myForm.get(['openingHoursForm',currentIndex,'SortOrder']) as FormControl;
      control.patchValue(currentIndex + 1);

  }

edited Feb 12, 2018 at 15:23

answered Feb 12, 2018 at 12:06

Arun Kumaresh

6,2966 gold badges36 silver badges50 bronze badges

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

4 Comments

Andrew Howard Over a year ago

No that didn't work unfortunately. Your code doesn't mention amending a record at a particular index level in the array though. Thanks for trying anway :)

Arun Kumaresh Over a year ago

this.myForm.get(['openingHoursForm',currentIndex,'SortOrder']) will get the sortorder at particular index if currentindex holds the index value

Andrew Howard Over a year ago

Ah ok, I put it in, it didn't work but it didn't error either.

Arun Kumaresh Over a year ago

console.log(control) and see what its returning

Andrew Howard · Accepted Answer · 2018-02-12 17:12:55Z

0

There's probably an easier of doing it, but in the end I did it like this:

moveRowUp(fixture)
    {
        var newVal = fixture.controls['SortOrder'].value - 1;
        fixture.controls['SortOrder'].patchValue(newVal);
        console.log(record);
    }

answered Feb 12, 2018 at 17:12

Andrew Howard

3,0937 gold badges41 silver badges72 bronze badges

Collectives™ on Stack Overflow

Patch value of a form array at a specific index

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related