角材料2按钮切换默认选中

角材料2，如何设置切换组中的默认选定按钮。角材料2按钮切换默认选中

一旦我点击一个，它会切换，但默认情况下都会以某种方式选择。我尝试如下，但不起作用。

<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>

来源

2017-03-18 Otani Shuzo

您需要分配每个按钮的值，然后就可以得到组（匹配的按钮中的一个）的初始值;

<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>

来源

2017-05-05 20:51:25 Quinnland23

我只是材料的初学者，但这应该工作。您可以将ngModel与可以具有两个值“one”，“two”的变量一起使用。比你可以使用“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>

来源

2017-03-27 11:59:28

角材料2按钮切换默认选中

回答

相关问题