angularejs笔记第二天

Angular 表单检测

AngularJs表单	https://angular.cn/guide/forms-overview

Angular 提供了两种表单：响应式表单和模板驱动表单。

• 响应式表单更健壮：它们的可扩展性、可复用性和可测试性更强。

• 模板驱动表单：简单表单，邮件啥的，请使用模板驱动表单。

关键差异性

233？嗯~ o(￣▽￣)o	响应式	模板驱动
建立（表单模式）	显式，在组建类种创建。	隐式，有组件创建
数据模式	结构化	非结构化
可预测性	同步	异步
表单验证	函数	指令
可变性	不可变	可变
可伸缩性	访问底层	在API之上的抽象

[官方文档]

建立表单模型
响应式表单和模板驱动表单都是用表单模型来跟踪 Angular 表单和表单输入元素之间值的变化。下面的例子展示了如何定义和创建表单模型。

响应式表单和模板驱动表单共享了一些底层构造块。

FormControl 实例用于追踪单个表单控件的值和验证状态。

FormGroup 用于追踪一个表单控件组的值和状态。

FormArray 用于追踪表单控件数组的值和状态。

ControlValueAccessor 用于在 Angular 的 FormControl 实例和原生 DOM 元素之间创建一个桥梁。

建立表单模型

响应式表单:

import {
    C