角度材料如何獲得md-switch的位置在右側？

Question

任何人都可以幫助如何將md-switch置於文本的右側？

<md-switch class="md-primary" md-no-ink aria-label="Switch No Ink" ng-model="filter.fulldayView"> 
     Full day view 
    </md-switch> 

感謝

Answer 1

使用md-invert在md-switch標籤，它適用於1.1.2版及更高版本。

UPDATE：

對於版本1.1.2之前， 嘗試使用下面的CSS。您可以使用ID標籤將這些樣式應用於特定的md-switch。

md-switch#switch1 { 
    position: relative; 
} 

#switch1 div.md-container { 
    position: absolute; 
    margin-left: 10%; 
    float: right; 
} 

#switch1 div.md-label { 
    float: left; 
    position: absolute; 
    margin-left: 1%; 
} 

HTML：

<md-switch md-no-ink ng-model="hasInk" aria-label="No Ink Effects" id="switch1"> 
    Switch 1 
</md-switch> 

demo