title: Identify selected option in Angular Material autocomplete component
body: <p>Is there any way to identify which option is selected in the autocomplete component so that when the user presses tab, I select the option instead of changing the focus of the field.</p>
  
  <p>Here's my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="search-box"&gt;
    &lt;i class="material-icons"&gt;search&lt;/i&gt;
    &lt;input #inputText 
      mdInput 
      [mdAutocomplete]="issuingAsset" 
      [attr.maxlength]="15" 
      [(ngModel)]="assetSearch" 
      (input)="inputText.value=$event.target.value.toUpperCase()"
      (keydown.tab)="onSearchByAsset()"
      (keyup)="onAutoCompletAsset(assetSearch)"&gt;
      &lt;md-autocomplete #issuingAsset="mdAutocomplete" &gt;
        &lt;div&gt;
          &lt;md-option
          (onSelectionChange)="selectAsset(asset.symbol)"
          *ngFor="let asset of filteredAssets" 
          [value]="asset.symbol"&gt;
            &lt;div class="text-auto-complete"&gt; {{ asset.symbol}} - {{asset.company}}&lt;/div&gt;
          &lt;/md-option&gt;
      &lt;/div&gt;
    &lt;/md-autocomplete&gt;
  &lt;/div&gt;
  </code></pre>