angular自定義驗證器實現所遇到的問題
阿新 • • 發佈：2022-03-23
回過頭來看一下表單校驗的校驗器。校驗器共有兩種，同步校驗和非同步校驗，驗證器函式接受一個control，然後返回一組錯誤物件(驗證不通過)或 null(驗證通過)，當未返回任何內容時表示未開始校驗。
驗證錯誤是一個物件，物件結構唯一的要求是key必須為字串，值可以為any型別，例如你可以返回一個{duplicate: true}，表示當前control的duplicate校驗未通過。
值得注意的是，出於效能考慮，非同步校驗器會在所有同步校驗器完成之後才會觸發，在此之前非同步校驗器會處於正確狀態。
返回值型別必須是一個promise 或者是一個Observable型別的資料
驗證器返回的內容切記：驗證結果為正確時，返回null 不可返回空
非同步驗證開始時，表單將進入Pending 狀態，當驗證結果返回之後才會變成valid或invalid。在判斷表單狀態的時候需要注意一下非同步問題。當判斷為pending時進入一個定時器迴圈判斷直到不為pending為止。