How I can set value before using RemoveAt(i) on Angular Reactive Form Array?

Question

  removeCustomerPhone(custIndex: number, phoneIndex: number) {
    // this.customerPhones(custIndex).at(phoneIndex).setValue({
    //   'IsDeleted': true
    // })
     this.customerPhones(custIndex).removeAt(phoneIndex, {
      emitEvent  : false
    });
  }

Following is the methods to bind phones:-

customerPhones(custIndex: number): FormArray {
    return this.Addresses()
      .at(custIndex)
      .get('Phones') as FormArray;
  }
 
  newPhone(): FormGroup {
    this.phoneForm = this.formBuilder.group({
      ID:0,
      phone1: '',
      addressId:0,
      IsDeleted:false
    });
    this.phoneForm.valueChanges.subscribe(a=>{
      a.stateEnum = State.Modified
    });
    return this.phoneForm;
  }
````

Eliseo · Accepted Answer · 2022-12-28 09:54:34Z

1

to give value to a FormGroup you use setValue but you need give one value to each field of the formGroup: `

   this.customerPhones(custIndex).at(phoneIndex)
        .setValue({ID:..,phone1:...,addressId:...,IsDeleted:...})

If you only want to change one property (o severals but not all) you use patchValue

this.customerPhones(custIndex).at(phoneIndex)
            .patchValue({IsDeleted:true})

answered Dec 28, 2022 at 9:54

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

How I can set value before using RemoveAt(i) on Angular Reactive Form Array?

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