在Angular的严格模式下,可以使用FormBuilder来创建FormGroup实例。下面是一个示例代码,展示如何使用FormBuilder来创建FormGroup实例:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm = this.fb.group({
firstName: ['', Validators.required],
lastName: ['', Validators.required],
email: ['', [Validators.required, Validators.email]],
password: ['', [Validators.required, Validators.minLength(6)]]
});
}
}
在上面的代码中,我们首先导入了FormBuilder
、FormGroup
和Validators
,然后在组件的构造函数中注入了FormBuilder
。在ngOnInit
生命周期钩子中,我们使用FormBuilder
的group
方法来创建一个FormGroup实例,并定义了一些表单控件和验证规则。
通过上述代码,我们可以在Angular的严格模式下正确创建FormGroup实例,并实现表单控件的验证。