title: How do I create a callback on material-angular-select?
body: <p>Surprisingly I couldn't find a onselect callback, So how do I create a callback on <a href="https://material.angular.io/components/select/overview" rel="noreferrer">material-angular-select</a> ?</p>
  
  <p>This is my attempt</p>
  
  <pre><code>import { Component, Input, Output, OnInit, OnChanges, SimpleChanges, ChangeDetectionStrategy, EventEmitter } from '@angular/core';    
  import { BehaviorSubject } from 'rxjs/BehaviorSubject';    
  import { FormControl } from '@angular/forms';
  import { MatSelectModule } from '@angular/material/select';
  
  @Component({
    selector: 'app-search-navigator',
    template: `
      &lt;mat-form-field&gt;
        &lt;mat-select [(value)]="selected" [formControl]="pc" panelClass="example-panel-{{pc.value}}"&gt;
          &lt;mat-option *ngFor="let panelColor of panelColors" [value]="panelColor.value"&gt;
            {{ panelColor.viewValue }}
          &lt;/mat-option&gt;
        &lt;/mat-select&gt;
      &lt;/mat-form-field&gt;
    `,
    changeDetection: ChangeDetectionStrategy.Default
  })
  export class SearchNavigatorComponent implements OnInit {
    private selected ;
    private selectedObs$;
    private pc = new FormControl('red');
    private panelColors = [
      {value: 'red', viewValue: 'red'},
      {value: 'blue', viewValue: 'blue'},
      {value: 'green', viewValue: 'green'}
    ];
    constructor() {}
  
    ngOnInit() {
      this.selectedObs$ = new BehaviorSubject&lt;any&gt;(this.selected);
      this.selectedObs$.subscribe((aselected) =&gt; {
        console.log(aselected);//Nothing happens on select :(
      });
    }
  }
  </code></pre>