Как заставить кнопку вести себя как флажок с угловым материалом при использовании реактивной формы?

#angular-material #angular-forms

Вопрос:

У меня есть кнопка в группе форм

 <button mat-flat-button color="accent" matTooltip="Hide Section" formControlName="visible">
        <mat-icon>visibility</mat-icon>
        <!-- <mat-icon>visibility_off</mat-icon> -->
</button>
 

Я знаю, что formControlName не будет привязываться должным образом, но есть ли простой способ заставить кнопку переключаться со значка видимости на значок visibility_off, как флажок, не устанавливая пользовательский флажок?

Спасибо

Ответ №1:

У вас mat-button-toggle есть что-то вроде флажка;

 <mat-button-toggle value="CheckBox">CheckBox</mat-button-toggle>
 

Комментарии:

1. это может сработать, если я смогу заставить его работать как флажок, а не как радио, не знал, что «несколько» заставит его работать как флажок