açısal malzeme 2 düğme varsayılan olarak seçili

Question

açısal malzeme 2'de, geçiş grubundaki varsayılan seçili düğmeyi nasıl ayarlayabilirim.

Bir taneye dokunduğumda, ancak her ikisi de bir şekilde varsayılan olarak seçildiğinde geçiş yapar. Aşağıdakileri denedim, ama çalışmıyor.

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

Answer 1

Her düğmeye bir değer atamanız ve sonra gruba bir başlangıç ​​değeri vermeniz gerekir (düğmelerden birine uyan);

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

Answer 2

Materyal olarak yeni başladım ama bu işe yaramalı. NgModel'i "one", "two" iki değerine sahip değişkenle kullanabilirsiniz. Dahası "yourFunction" işlevini kullanarak değişiklikleri gözlemleyebilirsiniz.

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