title: Angular 2 Two way binding with [disabled]
body: <p>I have an input with <code>[disabled]</code> depending upon the <code>ngModel</code> of another input. Initially <code>[disabled]</code> is working properly but not when we change the dependant input value, the <code>[disabled]</code> property is not working. How to apply two binding on <code>[disabled]</code> property?</p>
  
  <p>Following is the code snippet.</p>
  
  <pre><code>&lt;select [ngModel]="isDisabled" (ngModelChange)="isDisabled=$event"&gt;
  &lt;option value="0"&gt;Disabled&lt;/option&gt;
  &lt;option value="0"&gt;Enabled&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p></p>
  
  <p>This model <code>isDisabled</code> is changed correctly. I could see the value change like this in template <code>{{isDisabled}}</code>. But not reflected in the <code>[disabled]</code> property of the select box.</p>
  
  <pre><code>&lt;select [ngModel]="userInput" [disabled]="isDisabled"&gt;
  &lt;option value="test"&gt;Test&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>