有没有一种简单的方法，两个人用Angular Material实现select，其中选项是相互绑定的学期、季度和月份？

<mat-form-field>
  <mat-label>学期</mat-label>
  <mat-select [(ngModel)]="selectedSemester">
    <mat-option *ngFor="let semester of semesters" [value]="semester">
      {{ semester }}
    </mat-option>
  </mat-select>
</mat-form-field>

<mat-form-field>
  <mat-label>季度</mat-label>
  <mat-select [(ngModel)]="selectedQuarter">
    <mat-option *ngFor="let quarter of quarters" [value]="quarter">
      {{ quarter }}
    </mat-option>
  </mat-select>
</mat-form-field>

<mat-form-field>
  <mat-label>月份</mat-label>
  <mat-select [(ngModel)]="selectedMonth">
    <mat-option *ngFor="let month of months" [value]="month">
      {{ month }}
    </mat-option>
  </mat-select>
</mat-form-field>

import { Component } from '@angular/core';

@Component({
  selector: 'app-select-example',
  templateUrl: './select-example.component.html',
  styleUrls: ['./select-example.component.css']
})
export class SelectExampleComponent {
  semesters = ['第一学期', '第二学期', '第三学期'];
  quarters = ['第一季度', '第二季度', '第三季度', '第四季度'];
  months = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];

  selectedSemester: string;
  selectedQuarter: string;
  selectedMonth: string;

  constructor() {
    this.selectedSemester = this.semesters[0];
    this.selectedQuarter = this.quarters[0];
    this.selectedMonth = this.months[0];
  }
}