在Angular中创建动态表单验证的一个解决方法如下:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
export class MyComponent {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = this.formBuilder.group({
// 在这里添加动态表单控件
});
}
}
this.myForm = this.formBuilder.group({
// 添加一个动态的文本输入控件
dynamicInput: ['', Validators.required]
});
上面的示例中,我们创建了一个名为dynamicInput的动态文本输入控件,并定义了一个必填的验证规则。
在上面的示例中,我们使用formControlName绑定了动态表单控件,并使用ngIf指令显示了必填字段的验证错误消息。
这样,你就可以创建一个具有动态表单验证的Angular应用程序。当用户提交表单时,可以使用myForm对象中的验证规则来验证表单的输入。