eckigen material 2 toggle toggle standardmäßig ausgewählt

Question

in eckigen material 2, Wie kann ich Standard ausgewählte Schaltfläche in Toggle-Gruppe.

Es schaltet um, sobald ich einen tappe, aber beide standardmäßig ausgewählt. Ich habe es wie folgt versucht, funktioniert aber nicht.

<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

Sie müssen jeder Schaltfläche einen Wert zuweisen, und dann können Sie der Gruppe einen Anfangswert zuweisen (entspricht einer der Schaltflächen);

<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

Ich bin nur Anfänger in Material, aber das sollte funktionieren. Sie können ngModel mit einer Variablen verwenden, die zwei Werte "Eins", "Zwei" haben kann. Dann können Sie Änderungen mit "yourFunction" beobachten.