angular响应式表单和模板驱动表单的区别？

Question

angular响应式的表单和模板驱动表单的区别，他们的适用场景分别是什么？

Answer 1

可以简单理解成响应式表单是动态的,模板驱动表单是静态的.模板驱动表单适用于页面比较固定,例如登录页面,可以使用模板驱动表单.响应式表单适用于动态页面,通常都是维护一个formGroup,任何想要添加进来进行验证的组件，只要绑定一个formControl,然后加入到formGroup里,接下来的状态就可以通过formGroup来获取了.举个栗子吧,我点击创建用户,然后需要打开一个dialog来指定每个字段的值,然后进行做验证.因为同样的对话框还会用于创建任务,创建公司等等,所以这个对话框就是动态的,那就不能使用模板驱动表单了。怎么做呢？在dialog组件里面,我可以创建一个formGroupformGroup:FormGroup=newFormGroup()然后针对dialog里面的field，就可以使用formGroup来添加formControlsthis.formGroup.addControl('name',newFormControl())this.formGroup.addControl('age',newFormControl())this.formGroup.addControl('hobby',newFormControl())this.formGroup.addControl('gender',newFormControl())

Answer 2

简单的来说，模板驱动使用ngModel把控件和数据绑定，Angular会自己异步监听处理值的变化，在我们看来这就是黑箱操作，我们控制不了。响应式表单通过FormControl等实时处理控件的值及状态，可控性大大提高。选中哪种看你是否要求数据可控。