溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在 Angular 中實現表單數組需要使用 FormGroup 和 FormArray。以下是一個簡單的示例：
import { FormGroup, FormArray } from '@angular/forms';
export class MyComponent {
myForm: FormGroup;
constructor() {
this.myForm = new FormGroup({
items: new FormArray([]),
});
}
}
<form [formGroup]="myForm">
<div formArrayName="items">
<div *ngFor="let item of myForm.get('items').controls; let i = index;">
<input formControlName="{{i}}" placeholder="Item {{i + 1}}">
</div>
</div>
</form>
export class MyComponent {
myForm: FormGroup;
constructor() {
this.myForm = new FormGroup({
items: new FormArray([]),
});
}
addItem() {
const control = new FormControl('');
(this.myForm.get('items') as FormArray).push(control);
}
removeItem(index: number) {
(this.myForm.get('items') as FormArray).removeAt(index);
}
}
通過以上步驟，您就可以在 Angular 中實現表單數組了。您可以根據具體需求對表單數組進行添加、刪除等操作。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
