title: Enable When Checkbox is Check in Reactive Forms
body: <p>I need help in making the rows enable only when the checkbox is check. The default rows should be disabled but when the checkbox is only check, that row will be enabled. Here's the link to my code </p>
  
  <p><a href="https://stackblitz.com/edit/angular-unckmj?file=app/app.component.ts" rel="nofollow noreferrer">LINK CODES</a></p>
  
  <pre><code>  patchValues() {
      let rows = this.myForm.get('rows') as FormArray;
      this.orders.forEach(material =&gt; {
        material.materials.forEach(x =&gt; {
        rows.push(this.fb.group({
          checkbox_value: [null],
          material_id:  new FormControl({value: x.id, disabled: true}, Validators.required),
          material_name: x.name, 
          quantity: [null, Validators.required]
        }))
      })
        })
  
    }
  </code></pre>