(九)3状态字段

一切都是为了用户体验,和开发简易 —— 马丁路德.东

概念form表单的状态字段

(九)3状态字段_第1张图片
image.png

touched和untouched,代表字段是否被访问
表单上的写法,一般用来控制错误信息是否显示


(九)3状态字段_第2张图片
image.png

pristine和dirty代表字段是否被改变过。

image.png

pending代表字段知否处在异步校验中
如,验证手机号的HTML语法

image.png

angular可以根据状态字段来给input添加不同的class,我们可以利用他,来实现不同状态下的不同样式。(但是不是很灵活)。一般的处理方法,是将class样式和表单属性结合在一起。

image.png

你可能感兴趣的:((九)3状态字段)