title: Disabling a Select Form Control in Reactive Forms/Angular 4+
body: <p>I am trying to disable a select form control in my reactive form. Is there any issues with this currently? I have been looking around for an answer but I am unable to get a straight answer. The code I am using works fine if it is a regular input control, but not for a select control.</p>
  
  <pre><code>&lt;select id="locationScanType" class="form-control" formControlName="locationScanType"&gt;                     
    &lt;option value="0"&gt;-- Select One --&lt;/option&gt;
    &lt;option value="FACILITY"&gt;Facility&lt;/option&gt;
    &lt;option value="CUSTOMER_LOCATION"&gt;Customer Location&lt;/option&gt;
    &lt;option value="MY_LOCATION"&gt;My Location&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input type="text" class="form-control" formControlName="textInput" /&gt; 
  </code></pre>
  
  <p>In my <code>ngOnInit()</code> function I do this:</p>
  
  <pre><code>this.stopForm = this._formBuilder.group({
    locationScanType: { value: this.stop.locationScanType, disabled: true }, // Hard code true for demo
    textInput: { value: 'Text Input', disabled: true }
  });
  </code></pre>
  
  <p>The <code>disabled</code> attribute works for the text input, but doesn't for the select input. It does select the correct value for the select input, but doesn't disable it. Am I missing something obvious?</p>
  
  <p>I can disable the select input by using the <code>[attr.disabled]</code> and/or <code>[ngClass]</code> attributes on the select input, but I'd rather do it in the form builder; not to mention if I don't, Angular throws a warning into my browser's console.</p>
  
  <p><code>typescript: 2.4.2</code></p>
  
  <p><code>@angular/core: 5.1.3</code></p>
  
  <p><code>@angular/forms: 5.2.0</code></p>