2016-04-07 44 views
0

Wie verschiebst du eine md-secondary Taste auf die linke Seite anstelle der Standard rechten Seite? NormalerweiseEckiges Material - md-sekundär nach links bewegen

<md-list-item ng-click="foo()"> 
    <span>Stuff</span> 
    <md-icon class="md-secondary" ng-click="bar()">icon</md-icon> 
</md-icon-item> 

dies erstellt eine schöne Liste Element, aber ich möchte das Symbol auf der linken Seite sein. Ich habe versucht, die Elemente neu zu ordnen

<md-list-item ng-click="foo()"> 
    <md-icon class="md-secondary" ng-click="bar()">icon</md-icon> 
    <span>Stuff</span> 
</md-icon-item> 

aber das funktioniert nicht.

Antwort

2

Ändern Sie die Klasse von md-secondary in .

<md-list> 
    <md-list-item ng-click="itemClick()"> 
    <md-button class="md-icon-button" ng-click="btnClick()"> 
     <md-icon class="md-primary" md-font-icon="mdi-web"></md-icon> 
    </md-button> 
    <span>Stuff</span> 
    </md-list-item> 
</md-list> 

diesen codepen für ein ausführlicheres Beispiel finden.

+0

Danke für die Antwort, aber als ich es versuchte, wenn ich auf das Symbol klicke, denke ich, dass ich auf den Gegenstand selbst geklickt habe. Irgendeine Idee warum? –

+0

Schauen Sie sich den Codepen an, auf den ich verwiesen habe. Es funktioniert wie erwartet (klicken Sie auf das Element und klicken Sie auf das Symbol haben unterschiedliche Ergebnisse). – Trevor

+0

Nun, ich tat (und ich stellte sicher, dass ich genau das gleiche wie deine habe), aber es scheint es nicht zu tun –

Verwandte Themen