title: Angular2 - Removing disabled attribute from element
body: <p>I have a form that is using a directive called <code>ng-select</code> which enhances select inputs. In my setup, I allow a user to make some selections and then click on a "Filter" button.</p>
  
  <p>Upon clicking this button, I disable the input.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
     &lt;div class="input-group"&gt;
        &lt;ng-select #cc formControlName="costCenter" (removed)="updateChoices(cc.active, 'costCenter')" [allowClear]="true" [multiple]="true"
        [items]="getCostCenters()" placeholder="Select one or more Cost Centers"&gt;
        &lt;/ng-select&gt;
        &lt;span class="input-group-btn"&gt;
        &lt;button #b_cc class="btn btn-sm btn-default" type="button" title="Update Filter" (click)="updateChoices(cc.active, 'costCenter', cc, b_cc)"&gt;&lt;i class="fa fa-filter"&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;/span&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Component Function:</strong></p>
  
  <pre><code>    /**
       * Upon selecting a data point, reload available options 
       * based on data selected.
       * 
       * @param formValues 
       * @param field 
       */
      updateChoices(formValues, field, selectInput, button): void {
  
          // Show the loading indicator
          this.showLoader = true;
  
          // Set and fetch data
          this.selectedFields[field] = formValues;
          this.getFields(this.selectedFields, false);
  
          // Disable our search field and filter button
          button.disabled = true;
          selectInput.disabled = true;
  
      }
  </code></pre>
  
  <p>You can see in the component that I am disabling both the field and the button that they clicked on.</p>
  
  <p>I am now trying to implement a <code>reset</code> method where I can reset all of the fields back to empty, including toggling them to <code>enabled</code>.</p>
  
  <p>I tried doing it through my reactive form by using <code>this.importForm.controls['costCenter'].enable();</code> but that didn't do anything.</p>
  
  <p>I inspected the form after reset and it gets set back to <code>pristine</code> and not <code>touched</code>, so I know my form reset is working, the re-enabling is not though.</p>
  
  <p>I have also tried to do this in my form reset method as such:</p>
  
  <pre><code>this.importForm.reset({
    costCenter: {value:[], disabled:false},
  });
  </code></pre>
  
  <p>What am I missing here?</p>