在 Formbuilder 中使用驗證器
constructor(fb: FormBuilder) {
this.form = fb.group({
firstInput: ['', Validators.compose([Validators.required, CustomValidators.cannotContainSpace]), CustomValidators.shouldBeUnique],
secondInput: ['', Validators.required]
});
}
在這裡,我們使用 FormBuilder 建立一個帶有兩個輸入框的基本表單。FromBuilder 為每個輸入控制元件獲取三個引數的陣列。
- 控制元件的預設值。
- 將在客戶端上執行的驗證器。你可以使用 Validators.compose([arrayOfValidators])在控制元件上應用多個驗證器。
- 一個或多個非同步驗證器,其方式與第二個引數類似。