Angular 默认情况下,选择了“角度材质2”按钮切换
在“角度材质2”中,如何设置“切换”组中的默认选定按钮 当我点击一个按钮时,它会切换,但默认情况下两个按钮都被选中。 我尝试了以下方法,但不起作用Angular 默认情况下,选择了“角度材质2”按钮切换,angular,angular-material,Angular,Angular Material,在“角度材质2”中,如何设置“切换”组中的默认选定按钮 当我点击一个按钮时,它会切换,但默认情况下两个按钮都被选中。 我尝试了以下方法,但不起作用 <md-button-toggle-group #group="mdButtonToggleGroup"> <md-button-toggle (click)="firstTapped()" selected> <span>one</span> </md-butto
<md-button-toggle-group #group="mdButtonToggleGroup">
<md-button-toggle (click)="firstTapped()" selected>
<span>one</span>
</md-button-toggle>
<md-button-toggle (click)="secondTapped()">
<span>second</span>
</md-button-toggle>
</md-button-toggle-group>
一
第二
我只是材料的初学者,但这应该行得通。您可以将ngModel与具有两个值“一”、“二”的变量一起使用。使用“yourFunction”可以观察到变化
一
第二
您需要为每个按钮分配一个值,然后您可以为组提供一个初始值(匹配其中一个按钮)
一
第二
使用选中而不是选中,如:
<md-button-toggle-group (ngModelChange)="yourFunction($event)" [ngModel]="selected">
<md-button-toggle value="one">
<span>one</span>
</md-button-toggle>
<md-button-toggle value="two">
<span>second</span>
</md-button-toggle>
</md-button-toggle-group>
<md-button-toggle-group #group="mdButtonToggleGroup" value="button1">
<md-button-toggle value="button1">
<span>one</span>
</md-button-toggle>
<md-button-toggle value="button2">
<span>second</span>
</md-button-toggle>
</md-button-toggle-group>
<md-button-toggle (click)="firstTapped()" checked>