Свойства ввода флажка материала не обновляются правильно

Question

https://stackblitz.com/edit/angular-material-wuzktn?file=app%2Fapp.component.css

<mat-checkbox (click)="$event ? masterSelect() : null"
  [checked]="selection.hasValue() && isAllSelected()"
  [indeterminate]="selection.hasValue() && !isAllSelected()" #check>
  Master select
</mat-checkbox>
{{selection.hasValue() && isAllSelected()}}
{{check.checked}}
<mat-checkbox *ngFor="let row of data" (change)="$event ? selection.toggle(row) : null"
  [checked]="selection.isSelected(row)">
  {{selection.isSelected(row)}}
</mat-checkbox>

Когда я нажимаю «Главный флажок», я хочу выбрать все флажки ниже, и он работает, но «Главный флажок» не меняет значение.Когда я проверяю это свойство mat-checkbox checked имеет значение false.Также отсутствует мат-флажок-проверенный класс.