javascript / intermediate
Snippet
Verwaltung dynamischer Listen mit FormArray
FormArray ist ein Teil von Reactive Forms, der zur Verwaltung eines Arrays von FormControls, FormGroups oder anderen FormArrays verwendet wird – ideal für dynamische Input-Listen.
snippet.js
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
Erklärung
1
const skills = new FormArray([
Initialisiert ein dynamisches Array von Formularelementen.
2
new FormControl('TypeScript'),
Definiert ein einzelnes Eingabesteuerelement innerhalb des Arrays.
3
skills.push(new FormControl(skillName));
Fügt dem Array zur Laufzeit dynamisch ein neues Form-Control hinzu.