Mat-autocomplete - How to access selected option? : <p>I know that <code>[value]</code> stores the selected Object (Offer in my case). According to materials documentation, <code>optionSelected</code> emits an event. I tried <code>[optionSelected] = "fooFn"</code> but it doesn't exist. I just want to access the Offer object. Thanks!</p>

<p>offer-search.component.html:</p>

<pre><code>  &lt;h5 #offerP&gt;option - autoComplete&lt;/h5&gt;
  &lt;mat-form-field id="form-field"&gt;
    &lt;input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto"&gt;
    &lt;mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn"&gt;
      &lt;mat-option *ngFor="let option of filteredOptions$ | async" [value]="option"&gt;
        {{ option.foodItem.name }}
    &lt;/mat-option&gt;
  &lt;/mat-autocomplete&gt;
  &lt;/mat-form-field&gt;
</code></pre>
