title: Angular 2, access select value from a button outside the loop
body: <p>Notice this code: (click)="deleteDescriptor(descriptor.DescriptorId, #fc+i)</p>
  
  <p>All of the selects get built dynamically. So I'm trying to access the value of the select when they click the delete button, right next to that particular select. Make sense?</p>
  
  <pre><code>&lt;ng-container *ngFor="let descriptor of descriptors; let i = index"&gt;
  
                      &lt;label for="descriptor_{{descriptor.DescriptorId}}"&gt;{{descriptor.Display}}&lt;/label&gt;
                      &lt;span *ngIf="descriptor.IsEditable"&gt;
                          &lt;button type="button" class="smAddBtn" (click)="openModal(descriptor.DescriptorId, descriptor.Name)"&gt;Add&lt;/button&gt;
                          | &lt;button type="button" class="smAddBtn" (click)="deleteDescriptor(descriptor.DescriptorId, #fc+i)"&gt;Delete&lt;/button&gt;
                      &lt;/span&gt;
                      &lt;ng-container *ngIf="descriptor.IsMultiple == true"&gt;
                          &lt;select multiple class="form-control" id="descriptor_{{descriptor.DescriptorId}}" [formControlName]="descriptor.Name" #fc+i&gt;
                              &lt;option value=""&gt;&lt;/option&gt;
                              &lt;option *ngFor="let item of descriptor.Items" [value]="item.DescriptorId"&gt;{{item.Name}}&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/ng-container&gt;
  &lt;/ng-container&gt;
  </code></pre>