Angular 控件mat select在动态更改选项后不更新mat活动类

我正在制作一个角度材质下拉列表（mat select），它由我的typescript类中的数组动态填充。此外，我还有另一个控件，用于更新此下拉列表的选定选项。一切正常，当我单击第二个控件时，mat selected控件上的选项已被选中，但

mat active

CSS类仍在先前选择的选项上

所以，我选择了这个垫子

<mat-form-field>
  <mat-label>Selected Id</mat-label>
  <mat-select [(value)]="sessionID">
    <mat-option *ngFor="let sessionID of sessions" [value]="sessionID">
      {{sessionID}}
    </mat-option>
  </mat-select>
</mat-form-field>

正如我之前所说的，所有这些都可以正常工作，但是在视图中，下拉列表的CSS存在问题，前面的选项仍然是

mat active

类

---

您知道我在实施过程中遗漏了什么吗？

您找到了与此相关的信息吗？

<mat-paginator [length]="sessions?.length" [pageSize]="1"
     [hidePageSize]="true"
     [showFirstLastButtons]="true"
     [pageIndex]="sessionIndex"
     (page)="setSession($event.pageIndex)">
</mat-paginator>

sessions: string[] = ['opt1', 'opt2', 'opt3'];

setSession(index: number) {
    this.sessionID = this.sessions[index]
}