【Angular】——表单处理

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fjj15732621696/article/details/79604805

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

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

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


    


响应式表单

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


 

 

 

表单校验

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


 

 

状态字段



是否获取焦点

 

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

Dirty false

 

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

 

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

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



总结:

    

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

 

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


没有更多推荐了,返回首页