表單開發模型


說明

  1. 兩種表單開發模型
    1. 範本為主的表單開發模式(Template-Driven Form)
      1. 要匯入 FormsModule
      2. 用宣告的方式建立表單
      3. 使用ngModel指令
      4. 在範本中宣告驗證規則
      5. 只能對表單進行E2E測試
    2. 模型為主的表單開發模式(Model-Driven Form)
      1. 要匯入 ReactiveFormsModule
      2. 用編程的方式建立表單
      3. 使用formControlName屬性
      4. 在元件中宣告驗證規則
      5. 可以對表單進行單元測試
      6. 可動態增減欄位
      7. 較方便使用自訂的欄位驗證元件
  2. 同一個<form>tag區塊中不能混用兩種開發模型
  3. 同一個component中不同的<form>tag可以用不同的開發模型

results matching ""

    No results matching ""