Angular FormBuilder的工作原理

时间:2022-07-23
本文章向大家介绍Angular FormBuilder的工作原理，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

Cart view里的form控件：

<form [formGroup]="checkoutForm" (ngSubmit)="onSubmit(checkoutForm.value)">
  <div>
    <label for="name">
      Name
    </label>
    <input id="name" type="text" formControlName="name">
  </div>

  <div>
    <label for="address">
      Address
    </label>
    <input id="address" type="text" formControlName="address">
  </div>
  <button class="button" type="submit">Purchase</button>

</form>

最后生成的html page：

如果Component的模板实现里，form的属性formGroup，即中括号属性后面的值checkoutForm2实际上不存在，那么在页面渲染之前会报错：ERROR Error: formGroup expects a FormGroup instance. Please pass one in.

随机文章
Javascript知识点必读
最近更新