Неопределенный в флажок с formControl

Question

Я пытался реализовать опцию «выбрать все» с помощью Mat-Select, используя Mat-checkbox, чтобы получить неопределенную опцию вместе с реактивными формами.И вот ссылка ссылка: https://stackblitz.com/edit/angular-material-select-all?file=src%2Fapp%2Fselect-check-all.component.ts

В тс:

 @Input() model: NgModel;
  @Input() values = [];

  isIndeterminate(): boolean {
    return this.model.value && this.values.length && this.model.value.length
      && this.model.value.length < this.values.length;
  }

И HTML:

<mat-checkbox class="mat-option"
                [indeterminate]="isIndeterminate()"
                [checked]="isChecked()"
                (click)="$event.stopPropagation()"
                (change)="toggleSelection($event)">
      {{text}}
    </mat-checkbox>

Я пытался сделать это с помощьюРеактивные формы, но я не смог реализовать их, так как они начали вызывать ошибки, связанные с привязкой значений.И я хочу реализовать это с помощью Reactive форм.