角材料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按鈕切換默認選中

回答

相關問題