【Angular】——表单处理

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

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

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

    

响应式表单

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

 

 

 

表单校验

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

 

 

状态字段

是否获取焦点

 

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

Dirty false

 

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

 

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

Pending  当一个字段的异步校验是pending为true

总结：

    

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

 

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