您的位置: 首页 > 文章 > 普通表单与响应式表单的对比

普通表单与响应式表单的对比

分类: 文章 • 2024-02-16 10:15:28

一、模板驱动表单

1、在用angular-cli脚手架创建项目的时候就会在app.module.ts文件中自动加入FormsModule模块
2、FormsModule就是模板驱动表单的，为我们提供了两个指令
- 1、ngModel
- 2、NgForm

二、响应式表单

1、响应式表单是ReactiveFormsModule需要我们手动在app.module.ts中添加
2、响应式表单为我们提供了两个指令
- 1、formControl
- 2、ngFormGroup

三、在使用模板驱动表单需要注意点

1、模板驱动表单视图中的input标签和FormControl之间建立关系，是通过表单的name来建立的
2、更多的模板驱动表单模板驱动表单

四、响应式表单使用`FormBuilder`这个就类似一个工厂的方式详见

五、运行效果图

普通表单与响应式表单的对比

六、代码下载