角度材质按钮-切换组不更新输入倍数

时间:2019-11-20 17:23:40

标签: html angular typescript angular-material

我有一个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>

0 个答案:

没有答案