Кнопка-группа угловых материалов не обновляет входной кратный - PullRequest
0 голосов
/ 20 ноября 2019

У меня есть компонент mat-button-toggle-group, который по умолчанию поставляется с selectMultipleHoras, равным false, мне нужно обновить множественный ввод через переменную, которую я изменяю в какой-то момент.

Когда я изменяю значениеиз переменной selectMultipleHoras в значение true, мой компонентный ввод не обновляется новым значением, поэтому я могу выбрать кратные значения.

component.ts

  public selectMultipleHours = false;

  public onBloqueadoChange(event): void {
    this.selectMultipleHours = false;
    if (event.checked) {
      this.selectMultipleHours = true;
    }
  }

component.html

      <mat-button-toggle-group color="accent" [formControl]="hourCtrl"
                        *ngIf="(hours| async).length > 0" [multiple]="selectMultipleHours"
                        #groupHoras="matButtonToggleGroup" fxLayout="row wrap" fusePerfectScrollbar>
                        <mat-button-toggle color="accent" *ngFor="let v of hours| async" [value]="v"
                            aria-label="Text align left">
                            <small>{{ v.hour }}</small>
                        </mat-button-toggle>
      </mat-button-toggle-group>
...