纯HTML表单:显示表单项,校验用户输入,提交表单数据。就是普通写的HTML页面。
模板式表单:表单的数据模型是通过组件模板中的相关指令来定义的。因为使用这种方式定义表单的数据模型时,我们会受限于HTML的语法,所以模板驱动方式只适用于一些简单的场景。
响应式表单:使用响应式表单时,你通过编写TypeScript代码而不是HTML代码来创建一个底层的数据模型。在这个模型定义好以后。你使用一些特定的指令。将模板上的HTML元素与底层的数据模型连接在一起。
响应式表单
所有的指令都是用form开头的。
表单校验
Validator 用于关于表单的校验。自定义校验也可以
状态字段
是否获取焦点
是否被用户改变过 ,没有改变过pristine true
Dirty false
对于表单来说一个字段是touched,则表单就是touched
一个字段是dirty 则整个表单是dirty的
Pending 当一个字段的异步校验是pending为true
总结:
模板式表单:更容易使用,配置也更加的简单,开发速度更快,但是只适用于简单的场景
响应式表单:更容易测试,有更多的灵活性。能为表单提供更多的控制,可以适配多个渲染器,