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>