如何將ng-min或ng-pattern與ng-required一起使用？

Question

我有一些表單域，有時候不需要。我想要使​​用ng-min或ng-pattern以及ng-required。

但如果我刪除字段值本身（或使它們以某種方式無效）時，不需要場（ng-required是falsy）的形式仍是因爲錯誤的值不符合任何ng-min或ng-pattern無效狀態。

我認爲ng-pattern和ng-min不會標記字段爲無效時，不是必需的它（ng-required是falsy）

Answer 1

這聽起來像一個完美的使用自定義的驗證器。有關自定義驗證器的角色團隊的更多信息可以參見here。我只是簡單地創建一些不同的自定義驗證器來檢查值是否爲空或者是否符合一些額外的模式或數字要求。

在npm上可能還有一個validtor庫，它已經準備好爲你服務了。

簡單的例子（未測試）

export const customMin(minimum: number): ValidatorFn { 
    return (control: AbstractControl): {[key: string]: any} => { 
    const val = control.value; 
    const valid = val && val >= minimum ? true 
    if (!val) { 
     return {"minValue": true}; 
    } else { 
     return val >= minimum ? return {"minValue": true} : null 
    } 
    }; 
}