title: Angular Material 2 Autocomplete, mat-option element doesn't trigger keyup event
body: <p>I am looking for a way to figure out when an <code>mat-option</code> inside the <code>mat-autocomplete</code> was either clicked or was selected using the enter key. </p>
  
  <p>The <code>click</code> event binding works as expected but the <code>keyup.enter</code> or even just the <code>keyup</code> event doesn't work.</p>
  
  <p>Is this a bug in the library or I am doing something wrong?</p>
  
  <pre><code>&lt;mat-option (click)="onEnter()" (keyup.enter)="onEnter()" *ngFor="let state of filteredStates | async" [value]="state.name"&gt;
  </code></pre>
  
  <p>Here's a live example - <a href="https://angular-3okq5u.stackblitz.io" rel="noreferrer">https://angular-3okq5u.stackblitz.io</a></p>
  
  <p>Update: Please mention if there's a better way to handle the selection of an option at the <code>&lt;mat-option&gt;</code> element level.</p>