【Angular】——表单处理
发布时间：2020-12-17 08:22:26 所属栏目：安全 来源：网络整理
导读：纯 HTML 表单：显示表单项，校验用户输入，提交表单数据。就是普通写的 HTML 页面。 模板式表单：表单的数据模型是通过组件模板中的相关指令来定义的。因为使用这种方式定义表单的数据模型时，我们会受限于 HTML 的语法，所以模板驱动方式只适用于一些简单的
|
纯HTML表单：显示表单项，校验用户输入，提交表单数据。就是普通写的HTML页面。 模板式表单：表单的数据模型是通过组件模板中的相关指令来定义的。因为使用这种方式定义表单的数据模型时，我们会受限于HTML的语法，所以模板驱动方式只适用于一些简单的场景。 响应式表单：使用响应式表单时，你通过编写TypeScript代码而不是HTML代码来创建一个底层的数据模型。在这个模型定义好以后。你使用一些特定的指令。将模板上的HTML元素与底层的数据模型连接在一起。
响应式表单 所有的指令都是用form开头的。 表单校验 Validator 用于关于表单的校验。自定义校验也可以 状态字段 是否获取焦点 是否被用户改变过 ，没有改变过pristine true Dirty false 对于表单来说一个字段是touched，则表单就是touched 一个字段是dirty 则整个表单是dirty的 Pending 当一个字段的异步校验是pending为true 总结：
模板式表单：更容易使用，配置也更加的简单，开发速度更快，但是只适用于简单的场景 响应式表单：更容易测试，有更多的灵活性。能为表单提供更多的控制，可以适配多个渲染器， （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |