How can I create dynamic forms using Angular Reactive Forms?

How can I create dynamic forms using Angular Reactive Forms?

You can create dynamic forms in Angular Reactive Forms by using FormArray to manage a collection of FormGroups.

Can you show me a code example?

Sure! Here's a simple example:

import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

constructor(private fb: FormBuilder) {}

createForm() {
  this.myForm = this.fb.group({
    items: this.fb.array([])
  });
}

addItem() {
  const items = this.myForm.get('items') as FormArray;
  items.push(this.fb.group({ name: '', value: '' }));
}

What if I want to remove an item from the form?

You can remove an item by using the removeAt method of FormArray. For example:

removeItem(index: number) {
  const items = this.myForm.get('items') as FormArray;
  items.removeAt(index);
}