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