角材 - md-secondaryを左に移動

Question

md-secondaryボタンをデフォルトの右側の代わりに左側に移動しますか？通常

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

これは素晴らしいリスト項目を作成しますが、アイコンを左側にしたいと思います。私は要素の並べ替えを試みました

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

しかし、それは動作しません。

Answer 1

クラスをmd-secondaryからmd-primaryに変更します。

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

さらに詳しい例については、codepenを参照してください。