配列で動的にフォーム生成したい時は、FormArrayを使う。 farray = this.fb.array([ true, false, true, ]) <input type="checkbox" [formControl]="farray.at(0)"> <input type="checkbox" [formControl]="farray.at(1)"> <input type="checkbox" [formControl]="farray.at(2)"> <div>a: {{farray.at(0).value}}</div> <div>b: {{farray.at(1).va…</div>

モデル駆動型フォーム。 foo = new FormControl fgroup = new FormGroup({ bar: new FormControl, baz: new FormControl, }) テンプレート部分。 controlsプロパティ、またはgetメソッドで子formControlにアクセスする。 <input type="text" [formControl]="foo"> <form [formGroup]="fgroup"> <input type="text" formControlName="bar"> </form>