要在Angular中为Mat-table中的每一行应用form-group验证,可以按照以下步骤进行操作:
首先,确保你已经安装了Angular Material和Angular Forms模块。
在你的组件中,导入必要的模块和类:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
export class YourComponent implements OnInit {
formGroup: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.formGroup = this.formBuilder.group({
// 定义表单控件和验证规则
});
}
}
在上面的示例中,我们使用formBuilder来创建表单组,并在每一行中应用formGroup。注意formGroup.controls[i]
用于获取每一行的表单组。
此外,我们还在HTML模板中使用了[disabled]="!formGroup.valid"
来禁用提交按钮,除非表单组中的所有控件都是有效的。
希望这个例子能够帮助你在Angular中为Mat-table中的每一行应用form-group验证。