Angular4——7.表单处理
在Angular中存在两种表单处理方式： 模版驱动式表单 表单的数据模型是通过组件模版中的相关指令来定义的。由于使用这种方式定义表单的数据模型时，我们会受限于HTML的语法，所以，模版驱动方式只适用于一些简单的场景。 响应式表单 使用响应式表单时，通过编写TypeScript代码而不是Html代码来创建一个底层的数据模型，在定义好这个模型以后，使用一些特定的指令，将模版上的HTML元素与底层的数据模型连接在一起。 Angular表单API 不管是哪种表单，都有一个对应的数据模型来存储表单的数据。在模版式表单中，数据模型是由angular基于组件模版中的指令隐式创建的。而在响应式表单中，你通过编码明确的创建数据模型然后将模版上的html元素与底层的数据模型连接起来。 数据模型并不是一个任意的对象，它是一个由angular/forms模块中的一些特定的类，如FormControl，FormGroup，FormArray等组成的。在模版式表单中，是不能直接访问这些类的。 响应式表单并不会替你生成HTML，模版仍然需要你自己来编写。 模版式表单 使用模版式表单时，需要引入 FormsModule ，只能使用指令定义数据模型。这些指令都来自于 FormsModule 模块。 1234567 import {FormsModule} from '@angular/forms';