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
的控件名。
希望这个解决方案对你有所帮助!