mat-radio-group无法正确显示当前检查的值

Question

使用以下代码，我看到以下行为：

1. 初始渲染可以正常工作，其中的选项反映在 localOptions.theme被检查

2. 正确选择其他选项将呈现选中的按钮并触发更改事件

3. 选择第三个选项会触发该事件，但不会更新 按钮被选中

4. 选择第四个选项会正确触发事件，但将第3步中的按钮呈现为选中状态

从这时起，选中按钮上的

5. 在实际选择的按钮后面。事件正确触发。

我想念什么？

      <mat-radio-group [(ngModel)]="localOptions.theme" (change)="changeTheme()">
      <div class="row">
        <div class="col-4">
          <mat-radio-button value="amber" name="amber">Amber</mat-radio-button>
        </div>
        <div class="col-4">
          <mat-radio-button value="grey" name="grey">Grey</mat-radio-button>
        </div>
        <div class="col-4">
          <mat-radio-button value="bluegrey" name="bluegrey">Blue Grey</mat-radio-button>
        </div>
      </div>
      <div class="row">
        <div class="col-4">
          <mat-radio-button value="blue" name="blue">Blue</mat-radio-button>
        </div>
        <div class="col-4">
          <mat-radio-button value="green" name="green">Green</mat-radio-button>
        </div>
        <div class="col-4">
          <mat-radio-button value="teal" name="teal">Teal</mat-radio-button>
        </div>
      </div>
      </mat-radio-group>