您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
在 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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。