Angular 响应式表单

Posted by Shen Chaoran on August 16, 2018

表单项的绑定可以通过以下几种方式,具体用哪个指令需要看使用 formBuilder 创建的时候定义的类型。

  • formGroup
  • formControl
  • formArray
  • formGroupName
  • formControlName
  • formArrayName

同时使用响应式表单和模板驱动表单: 有时候不得不同时使用 formControl (响应式表单)和 ngModel,这样默认是不被允许的,官方的选择器上有 [ngModel]:not([formControlName]):not([formControl]),解决方法是添加指令 [ngModelOptions]='{standalone: true}'

在更新 formGroup 的值时,直接设置好像不行,得从叶节点即 formControl 处 setValue。