javascript / intermediate
Snippet
Managing Dynamic Lists with FormArray
FormArray is a part of Reactive Forms used for managing an array of FormControls, FormGroups, or other FormArrays, perfect for dynamic lists of inputs.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
import { FormArray, FormControl } from '@angular/forms';const skills = new FormArray([new FormControl('TypeScript'),new FormControl('Angular')]);function addSkill(skillName: string) {skills.push(new FormControl(skillName));}
angular
Breakdown
1
const skills = new FormArray([
Initializes a dynamic array of form elements.
2
new FormControl('TypeScript'),
Defines an individual input control within the array.
3
skills.push(new FormControl(skillName));
Adds a new form control to the array dynamically at runtime.