formControlName 属性设置为您的控件名称,例如 。formGroup。例如,如果您有一个名为“myFormGroup”的表单组,则您应该在控制器模板中包含 。在控制器组件类创建组并初始化个控件:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
...
export class MyController implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {}
ngOnInit() {
this.myForm = this.formBuilder.group({
myInput: ['', Validators.required],
});
}
}
在模板中设置form和表单控件:
这个示例展示了如何使用Angular表单带表单控制来创建表单和表单控件。在这个例子中,我们使用 formBuilder 来创建 myInput 的初始值为“”(这里指初始值为空字符串)。我们还为 myInput 添加了一个必填校验器。在模板中,我们将 formGroup 绑定到 myForm,并使用 formControlName 来指定 myInput 的控件名。
希望这个解决方案对你有所帮助!