在 Formbuilder 中使用驗證器

   constructor(fb: FormBuilder) {
    this.form = fb.group({
        firstInput: ['', Validators.compose([Validators.required, CustomValidators.cannotContainSpace]), CustomValidators.shouldBeUnique],
        secondInput: ['', Validators.required]
    });
}

在這裡,我們使用 FormBuilder 建立一個帶有兩個輸入框的基本表單。FromBuilder 為每個輸入控制元件獲取三個引數的陣列。

  1. 控制元件的預設值。
  2. 將在客戶端上執行的驗證器。你可以使用 Validators.compose([arrayOfValidators])在控制元件上應用多個驗證器。
  3. 一個或多個非同步驗證器,其方式與第二個引數類似。