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