title: Angular : How to disable buttons creating via ngFor?
body: <p>I'm creating an html table. In which there is cell of a button and a dropdown creating via <strong>ngFor</strong>.  How to disable buttons(generated via <strong>ngFor</strong>) if no value selected from dropdown. I've tried this :</p>
  
  <p>In <strong>AppComponent</strong> I've something like this:</p>
  
  <p><strong>ts</strong></p>
  
  <pre><code>customers: Array&lt;Object&gt; = [];
  level: string;
  
  changedvalue(event: Event) {
     const value = (&lt;HTMLSelectElement&gt;event.target).value;
     this.level = value;
    }
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;tbody&gt;
  &lt;tr *ngFor="let customer of customers"&gt;
       &lt;td&gt; {{ customer.uid }} &lt;/td&gt;
  
       &lt;td&gt; {{ customer.name }} &lt;/td&gt;
  
       &lt;td&gt; {{ customer.level }}&lt;/td&gt;
  
       &lt;td&gt;
       &lt;select (change)="changedvalue($event)" class="form-control" name="level"&gt;
          &lt;option  hidden selected&gt; -- select an option -- &lt;/option&gt;
          &lt;option&gt;Level 1&lt;/option&gt;
          &lt;option&gt;Level 2&lt;/option&gt;
       &lt;/select&gt;
       &lt;/td&gt;
  
      &lt;td&gt;&lt;button [disabled]=!level &gt;Send&lt;/button&gt;&lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>the problem with this code is that it's enbaling all the buttons if select value from any of the dropdown. What I want is to enable only that button whoes infront of that dropdown. How to relate each button to each dropdown which I'm creating via <strong>ngFor</strong>.</p>