Angular FormArray

配列で動的にフォーム生成したい時は、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).value}}</div>
<div>c: {{farray.at(2).value}}</div>