title: (onSelectionChange) call a function and send the value [Angular Material] (undefiend)
body: <p>I would love for your help.
  I try to get the value of selected item and send the value to function.</p>
  
  <p>component html:</p>
  
  <pre><code>&lt;mat-form-field style="text-align: right"&gt;
      &lt;input type="text" placeholder="type..." matInput [formControl]="myControl" [matAutocomplete]="auto"&gt;
      &lt;mat-autocomplete #auto="matAutocomplete"&gt;
              &lt;mat-option (onSelectionChange)="selected($event)" *ngFor="let option of filteredOptions | async" [value]="option.companyName"&gt;
                {{option.companyName}}
              &lt;/mat-option&gt;
            &lt;/mat-autocomplete&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>component ts:</p>
  
  <pre><code>  // Selected option function triger
    selected(event: MatAutocompleteSelectedEvent) {
      console.log(event);
    }
  </code></pre>
  
  <p>the event call the function but is console undefiend </p>