語法昂長捅暴,不方便邏輯控制(真正項目,不推薦使用斩松,只適合簡單的邏輯場景)
步驟伶唯,將校驗器包裝成一個指令
1.先通過cli生成一個指令
ng g d 文件路徑或指令名
image.png
2.改名字,添加注入惧盹,
image.png
providers:[{provide: NG_VALIDATORS,userValue:mobileValidator,multi:true}]
模板式表單校驗乳幸,規(guī)定了他的token是NG_VALIDATORS瞪讼,通過添加multi:true,可以讓他添加多個userValue
在這之前粹断,angular有他自己的默認校驗方法
image.png
3.驗證保單是否通過符欠,可以使用事件綁定傳虛參
image.png
image.png
4.錯誤信息的提示----模板新寫法
image.png
5.模板表單狀態(tài)字段
在input上添加事件綁定
image.png
控制器寫法
image.png
錯誤提示的語法,直接屬性綁定
image.png