title: mat-select (Angular Material): selectionChange not firing when user selects the default value
body: <p>(may be a duplicate, but couldn't find a question with this specific issue)</p>
  <p>Using Angular 13 with Angular-Material 13.3.9. I implemented a simple mat-select for selecting filters (all, monthly, yearly and creator). The mat-select provides a preselected value, which is monthly. Whenever the user changes the mat-selects value, an event is fired by the selectionChange EventEmitter, which works fine so far - except for one single issue:</p>
  <p>Whenever the user selects a different value, e.g. yearly, and then selectes the preselected value again (monthly), the selectionChange event is not fired.</p>
  <p>Why? And how can i get the event to fire in this specific case?</p>
  <p>Already tested:</p>
  <ul>
  <li>Tried to use other preselected values, e.g. yearly. Issue is the same as with monthly, but of course now the event is not fired when the user selects yearly again.</li>
  <li>Hardcoding the mat-options did not change the behaviour.</li>
  <li>Removed translation-pipe just to be sure it doesn't interfere did not change the behaviour.</li>
  </ul>
  <p>.html:</p>
  <pre><code>&lt;mat-form-field appearance=&quot;fill&quot;&gt;
    &lt;mat-label&gt;{{ 'filterprojects.showas' | translate }}&lt;/mat-label&gt;
    &lt;mat-select [(value)]=&quot;selectedMainFilter.value&quot; (selectionChange)=&quot;onMainFilterChange()&quot;&gt;
      &lt;mat-option [value]=&quot;option.value&quot; *ngFor=&quot;let option of mainFilters&quot;&gt;{{ 'filterprojects.' + option.viewValue | translate }}&lt;/mat-option&gt;
    &lt;/mat-select&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>.ts</p>
  <pre><code>@Component({
    selector: 'app-filterprojects',
    templateUrl: './filterprojects.component.html',
    styleUrls: ['./filterprojects.component.css']
  })
  export class FilterprojectsComponent implements OnInit {
  
    //Filter-Values
    mainFilters: MainFilterElement[] = [
      { value: 'all', viewValue: 'filterall' },
      { value: 'yearly', viewValue: 'filteryearly' },
      { value: 'monthly', viewValue: 'filtermonthly' },
      { value: 'creator', viewValue: 'filtercreator' }
    ];
  
    selectedMainFilter: MainFilterElement = this.mainFilters[2]; //Select the Monthly-Filter by default
    
    public onMainFilterChange() {
      console.log(&quot;Hi! I will not be fired, if the monthly-mainFilter is selected by the user.&quot;);
    }
  }
  </code></pre>