【Angular】——表单处理

前端之家收集整理的这篇文章主要介绍了【Angular】——表单处理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

HTML表单:显示表单项,校验用户输入,提交表单数据。就是普通写的HTML页面

模板式表单:表单的数据模型是通过组件模板中的相关指令来定义的。因为使用这种方式定义表单的数据模型时,我们会受限于HTML的语法,所以模板驱动方式只适用于一些简单的场景。

响应式表单:使用响应式表单时,你通过编写TypeScript代码而不是HTML代码来创建一个底层的数据模型。在这个模型定义好以后。你使用一些特定的指令。将模板上的HTML元素与底层的数据模型连接在一起。




响应式表单

所有的指令都是用form开头的。


表单校验

Validator 用于关于表单的校验。自定义校验也可以


状态字段



是否获取焦点

是否被用户改变过 ,没有改变过pristine true

Dirty false

对于表单来说一个字段是touched,则表单就是touched

一个字段是dirty 则整个表单是dirty

Pending 当一个字段的异步校验是pendingtrue



总结:

模板式表单:更容易使用,配置也更加的简单,开发速度更快,但是只适用于简单的场景

响应式表单:更容易测试,有更多的灵活性。能为表单提供更多的控制,可以适配多个渲染器,

猜你在找的Angularjs相关文章