Angular - Put表单域验证规则(例如firstname.dirty )转换为TypeScript阵列？

在Angular中，可以使用FormBuilder和FormGroup来实现表单域验证规则的转换。

首先，我们需要导入FormBuilder和Validators：

import { FormBuilder, Validators } from '@angular/forms';

接下来，创建一个FormGroup对象，并使用FormBuilder来构建表单域以及验证规则：

constructor(private fb: FormBuilder) {
  this.createForm();
}

createForm() {
  this.myForm = this.fb.group({
    firstname: ['', [Validators.required, Validators.minLength(3)]],
    lastname: ['', Validators.required],
    email: ['', [Validators.required, Validators.email]]
  });
}

在上述代码中，我们使用this.fb.group()方法创建了一个表单组，其中每个表单域都使用了相应的验证规则。例如，firstname字段使用了Validators.required来表示必填字段，使用了Validators.minLength(3)来表示最小长度为3。

然后，我们可以通过访问表单域的dirty属性来获取验证规则的状态，并将其转换为一个TypeScript数组。可以在组件中添加以下代码：

getValidationErrors() {
  const errors = [];
  for (const controlName in this.myForm.controls) {
    const control = this.myForm.controls[controlName];
    if (control.dirty && control.invalid) {
      errors.push(controlName + '.' + Object.keys(control.errors).join('.'));
    }
  }
  return errors;
}

上述代码会检查每个表单域的dirty和invalid属性，将验证失败的表单域名称和错误信息转换为一个TypeScript数组。例如，如果firstname字段未通过验证，那么结果数组中会添加firstname.required和firstname.minLength。

通过调用getValidationErrors()方法，我们可以获取到转换后的TypeScript数组，并进一步处理或展示。

对于腾讯云相关产品和产品介绍链接地址，建议参考腾讯云官方文档以获取最新信息：