角度材料如何获得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