基于带有验证的模型的角反应形式

Question

有没有一种方法可以在现有数据模型的基础上使用所有验证魔术来创建反应形式。在下面的示例中，作者将整个新对象传递到formbuilder中，但是我想要实现的是一种优雅的方式来告诉formbuilder哪个字段是必需字段或需要其他验证。

https://malcoded.com/posts/angular-fundamentals-reactive-forms

export class PersonalData {
  email: string = '';
  mobile: string = '';
  country: string = '';
}
...
createFormGroupWithBuilderAndModel(formBuilder: FormBuilder) {
    return formBuilder.group({
      personalData: formBuilder.group(new PersonalData()),
      requestType: '',
      text: ''
    });
  }

我只想跳过为模型中的每个字段分配FormControl的过程。

@编辑

经过一些研究和来自@ xrobert35的一点提示，我想尝试并使用https://www.npmjs.com/package/@rxweb/reactive-form-validators

Answer 1

他们可能是“很多”做您想做的事情的方法，但是通过扩展您的实际解决方案：您的个人数据可能看起来像：

export class PersonalData {
  email: string = ['', Validators.required];
  mobile: string = ['', Validators.required, Validators.maxLength(10)];
  country: string = '';
}