title: Angular - Getting item id and value from a HTML select
body: <p>I'm using Angular and AngularFire to fetch a list of clients from Firestore. I have displayed them in a HTML dropdown (select).</p>
  
  <p>Upon selecting an item I would like to obtain the <code>client.id</code> and <code>client.name</code></p>
  
  <p>So far, this is able to get me the client ID upon selection. What I would also like to get upon selecting an item from the drop down is the <code>client.name</code>.</p>
  
  <pre><code>&lt;select [(ngModel)]="selectedClient"&gt;
     &lt;option *ngFor="let client of clients | async" [value]="client.id"&gt; 
          {{ client.name}} 
     &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>