Angular material 角材料如何使md开关的位置位于右侧?

Angular material 角材料如何使md开关的位置位于右侧?,angular-material,Angular Material,有人能帮助我们如何将md开关定位到文本的右侧吗 <md-switch class="md-primary" md-no-ink aria-label="Switch No Ink" ng-model="filter.fulldayView"> Full day view </md-switch> 全天视图 感谢在md开关标签中使用md反转,该标签适用于1.1.2及更高版本 更新: 对于1.1.2之前的版本, 尝试使用以下css。您可以

有人能帮助我们如何将md开关定位到文本的右侧吗

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

全天视图

感谢在
md开关
标签中使用
md反转
,该标签适用于1.1.2及更高版本

更新

对于1.1.2之前的版本, 尝试使用以下css。您可以使用id标记将这些样式仅应用于特定的
md开关

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:


开关1

是的,它在文档中。但由于某些原因,它根本不起作用。您使用的是哪个版本的材料?我使用的是verson 1.1.0Ahh,这就是为什么
md invert
不起作用的原因,它是在1.1.2版中引入的
<md-switch md-no-ink ng-model="hasInk" aria-label="No Ink Effects" id="switch1">
    Switch 1
</md-switch>