У меня есть компонент 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>