title: Bind selected dropdown option to variable
body: <p>I have an <code>ngFor</code> loop that looks something like this (simplified so it's easier to follow):</p>
  
  <pre><code>&lt;div *ngFor="let c of customers"&gt;
      &lt;button class="save green-button" type="button" (click)="editCustomer(c.CustomerId, method.value)"&gt;Save&lt;/button&gt;
  
      &lt;select *ngIf="c.GrowMethodsAvailable.length" id="PerProjectGrowMethodId" name="PerProjectGrowMethodId" #method&gt;
          &lt;option *ngFor="let method of c.GrowMethodsAvailable" [ngValue]="method.Value"&gt;{{method.Text}}&lt;/option&gt;
      &lt;/select&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, there is a save button and a select dropdown with dynamic options. When I click the save button, I need it to send whatever value I selected from the corresponding dropdown list. I know how to bind the value to a variable I created in my class, but there could potentially be 10 different save buttons with 10 different values selected, so I assumed I will need a local variable for each select dropdown. I added <code>#method</code> to the select element and added <code>method.value</code> to my <code>(click)="editCustomer(c.CustomerId, method.value)"</code> function in the save button. When I attempted this I got the following error:</p>
  
  <blockquote>
    <p>Cannot read property 'value' of undefined</p>
  </blockquote>
  
  <p>How can I bind the values from my selected options into the corresponding save buttons so I send the correct values for each one?</p>