（九）4模板式表单校验

语法昂长，不方便逻辑控制（真正项目，不推荐使用，只适合简单的逻辑场景）

步骤，将校验器包装成一个指令
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