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.

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular FormBuilder的工作原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。