(九)4模板式表单校验

2019-04-14 12:48发布

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

步骤,将校验器包装成一个指令
1.先通过cli生成一个指令
ng g d 文件路径或指令名 6331078-0134dd67c03199f3.png image.png
2.改名字,添加注入, 6331078-779e1435d07413f1.png image.png providers:[{provide: NG_VALIDATORS,userValue:mobileValidator,multi:true}] 模板式表单校验,规定了他的token是NG_VALIDATORS,通过添加multi:true,可以让他添加多个userValue
在这之前,angular有他自己的默认校验方法 6331078-ffc5d2ecd9f41796.png image.png
3.验证保单是否通过,可以使用事件绑定传虚参 6331078-22c685106202ce4d.png image.png 6331078-76cbaf579bdac229.png image.png
4.错误信息的提示----模板新写法 6331078-0708789bd6d0b0f0.png image.png
5.模板表单状态字段
在input上添加事件绑定 6331078-053f151c8e5a2f08.png image.png
控制器写法 6331078-6f0ce2d05e9dedfe.png image.png
错误提示的语法,直接属性绑定 6331078-3eb300a00f325e61.png image.png