javascript - Angular 7 模板驱动表单动态验证

Question

我想知道如何动态验证使用 Angular 7 循环遍历数组的表单输入。例如，如果我有一个名字和姓氏字段，它将有一个最小字符和一个必需的验证器，在同一个数组中我可以有一个年龄输入，它有一个最小值-最大值和必需的验证器，我在想也许我应该把它们放入一个开关盒并将类型发送到一个验证函数，但我不太确定我该怎么做

这是我必须遍历数组的代码 我存储输入的类型和名称

/*Function to get the form*/
  getForm() {
    this.api.getForm(this.Param).subscribe(
        data  => {
          this.form = data;
          console.log(this.form);
        }
    );
  }

<div class="contents">
  <form name="form" (ngSubmit)="onSubmit()" #f="ngForm" novalidate>
    <div class="row">
      <div *ngFor="let questions of form?.results[0].fields">
        <div class="md-form">
          <div class="col-12 p-3 ml-2">
            <span class="">{{questions.name}}</span><br />
            <input mdbInput type="{{questions.type}}" />
          </div>
        </div>
      </div>
    </div>
  </form>
 </div>

我也在研究反应形式，但我认为它不能满足我的需要。先感谢您

标签： javascriptangular