发表于： 2021-06-28 22:10:12
0 2095
今天完成的事情：在进行angular 的 添加富文本和日历插件
明天计划的事情：继续任务，和JS的基础知识巩固。
遇到的问题：在进行添加富文本和小零件的插件时，老是报错。
收获：
angular 的响应式表单：
响应式表单提供了一种模型驱动的方式来处理表单输入，其中的值会随时间而变化。本文会向你展示如何创建和更新基本的表单控件，接下来还会在一个表单组中使用多个控件，验证表单的值，以及创建动态表单，也就是在运行期添加或移除控件。
响应式表单概念：
响应式表单使用显式的、不可变的方式，管理表单在特定的时间点上的状态。对表单状态的每一次变更都会返回一个新的状态，这样可以在变化时维护模型的整体性。响应式表单是围绕 Observable 流构建的，表单的输入和值都是通过这些输入值组成的流来提供的，它可以同步访问。
响应式表单还提供了一种更直观的测试路径，因为在请求时你可以确信这些数据是一致的、可预料的。这个流的任何一个消费者都可以安全地操纵这些数据。
响应式表单与模板驱动表单有着显著的不同点。响应式表单通过对数据模型的同步访问提供了更多的可预测性，使用 Observable 的操作符提供了不可变性，并且通过 Observable 流提供了变化追踪功能。
模板驱动表单允许你直接在模板中修改数据，但不像响应式表单那么明确，因为它们依赖嵌入到模板中的指令，并借助可变数据来异步跟踪变化。参阅表单概览以了解这两种范式之间的详细比较。
添加表单控件：
使用表单控件有三个步骤：
在应用中注册响应式表单模块。该模块声明了一些要用在响应式表单中的指令。
生成一个新的
FormControl 实例，并把它保存在组件中。在模板中注册这个
FormControl。然后，可以把组件添加到模板中来显示表单。
响应式表单 API 汇总：
类 | 说明 |
|---|---|
所有三种表单控件类（FormControl、FormGroup 和 FormArray）的抽象基类。它提供了一些公共的行为和属性。 | |
管理单体表单控件的值和有效性状态。它对应于 HTML 的表单控件，比如 | |
管理一组 AbstractControl 实例的值和有效性状态。该组的属性中包括了它的子控件。组件中的顶层表单就是 FormGroup。 | |
管理一些 AbstractControl 实例数组的值和有效性状态。 | |
一个可注入的服务，提供一些用于提供创建控件实例的工厂方法。 |
指令 | 说明 |
|---|---|
把一个独立的 FormControl 实例绑定到表单控件元素。 | |
把一个现有 FormGroup 中的 FormControl 实例根据名字绑定到表单控件元素。 | |
把一个现有的 FormGroup 实例绑定到 DOM 元素。 | |
把一个内嵌的 FormGroup 实例绑定到一个 DOM 元素。 | |
把一个内嵌的 FormArray 实例绑定到一个 DOM 元素。 |
返回列表
评论