title: How can you dynamically set disabled for Angular reactive form?
body: <p>I have an Angular 4.10 application that is using the Kendo Angular Grid control.  I am using External Editing.  I have created the FormGroup as below:</p>
  
  <pre><code>        this.editForm = new FormGroup({
          'Id': new FormControl({ value: 0, disabled: true }),
          'Name': new FormControl("", Validators.compose([Validators.required, Validators.maxLength(30)])),
          'BlindName': new FormControl({ value: "" }, Validators.compose([Validators.required, Validators.maxLength(30)])),
          'UnitText': new FormControl(0),
          'IsFromBsp': new FormControl(true),
          'Disabled': new FormControl(false),
          'SortOrder': new FormControl(0, Validators.compose([Validators.required, Validators.pattern('\\d')]))
      });
  </code></pre>
  
  <p>What I would like to do is set the disabled state for the field BlindName based on the value IsFromBsp.  Something like:</p>
  
  <pre><code>'BlindName': new FormControl({ value: "", disabled: this.IsFromBsp }, Validators.compose([Validators.required, Validators.maxLength(30)])),
  </code></pre>
  
  <p>Is there a way to achieve this?  Please let me know.
  Thanks</p>