title: How to disable multiple textboxes in angular 2
body: <p>I have 'n' number of rows which has textbox and select box. I am trying to disable a textbox when i change the value of a select box in the same row using angular 2.</p>
  
  <p>My code is below:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;input type="text" (disabled)="isDisabled(data.rowIndex)"&lt;/td&gt;
      &lt;td&gt; &lt;select (onValueChanged)="test(data.rowIndex)"&gt;
             &lt;option&gt;Yes&lt;/option&gt;
             &lt;option&gt;No&lt;/option&gt;
      &lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;&lt;input type="text" (disabled)="isDisabled(data.rowIndex)"&lt;/td&gt;
      &lt;td&gt; &lt;select (onValueChanged)="test(data.rowIndex)"&gt;
             &lt;option&gt;Yes&lt;/option&gt;
             &lt;option&gt;No&lt;/option&gt;
      &lt;/td&gt;
     &lt;/tr&gt;
     .
     .
     .
  &lt;/table&gt;
  
  component.ts
  
  tabNumber: number = -1;
  
  test(valueID){
          this.tabNumber = valueID;
  }
  
  isDisabled(num){
          return this.tabNumber === num;
      }
  </code></pre>
  
  <p>This above line disables only one textbox which i selected recently and enables other textboxes. Thus, my code could enable/disable only one textbox at a time. But i want to disable multiple boxes based on my selection. can anybody help?</p>