在Angular/Javascript中使用循环初始化表单的方法如下:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent {
form: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.form = this.formBuilder.group({
firstName: ['', Validators.required],
lastName: ['', Validators.required],
email: ['', [Validators.required, Validators.email]],
// 可以根据具体需求添加更多的表单字段
});
}
}
这样,通过循环遍历表单控件,我们可以便捷地初始化表单,并在表单中显示对应的错误验证信息。