语法昂长,不方便逻辑控制(真正项目,不推荐使用,只适合简单的逻辑场景)
步骤,将校验器包装成一个指令
1.先通过cli生成一个指令
ng g d 文件路径或指令名
image.png
2.改名字,添加注入,
image.png
providers:[{provide: NG_VALIDATORS,userValue:mobileValidator,multi:true}]
模板式表单校验,规定了他的token是NG_VALIDATORS,通过添加multi:true,可以让他添加多个userValue
在这之前,angular有他自己的默认校验方法
image.png
3.验证保单是否通过,可以使用事件绑定传虚参
image.png
image.png
4.错误信息的提示----模板新写法
image.png
5.模板表单状态字段
在input上添加事件绑定
image.png
控制器写法
image.png
错误提示的语法,直接属性绑定
image.png