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

一、模板驱动表单

• 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这个就类似一个工厂的方式详见

五、运行效果图

六、代码下载