我可以在Angular Reactive表单中使用 myForm.controls 属性，而不是为每个实例定义一个AbstractControl吗？
NG-Book中建议使用此方法，但不使用嵌套表单和FormGroupName .
这是我的代码 .
HTML：
<form [formGroup]="myForm"
(ngSubmit)="onSubmit(myForm.value)">
<div>
<input type="text"
id="nameInput"
placeholder="Product"
[formControl]="myForm.controls['name']">
<div *ngIf="myForm.controls['name'].hasError('required')">Name is
required</div>
</div>
<div formGroupName="address">
<input type="text"
id="streetInput"
placeholder="Enter Street"
[formControl]="myForm.controls['street']">
<div *ngIf="myForm.controls['street'].hasError('required')">Street is required</div>
</div>
<button type="submit" class="ui button">Submit</button>
JS：
export class App {
myForm: FormGroup;
constructor(fb: FormBuilder) {
this.myForm = fb.group({
'name': ['', Validators.required],
'address': fb.group({
'street': ['', Validators.required],
});
}
}
}
我意识到我可以在输入上设置 formControlName="street" 然后我想我必须使用AbstractControl来确定它的验证状态 . 在我的非嵌套formGroup中，我可以使用 myForm.controls['name'].hasError('required') .
1 回答
我不知道，我理解你的问题 .
您想获得有关嵌套控件的验证吗？
然后，你可以得到
myForm.get('address').control['street'].hasError('required')或myForm.get('address').get('street').hasError('required')并且您可以将
hasError('required')更改为errors.required.这些链接是关于表单验证的描述 .
https://angular.io/api/forms/FormGroup#example-4
https://angular.io/guide/form-validation#reactive-form-validation
如果我误解了你的问题，请发表评论 .