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

在版本1.1.2及更高版本可用的md-invert标记中使用md-switch。

<强>更新：

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

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

1 个答案: