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

时间:2017-06-29 10:49:19

标签: angular-material

任何人都可以帮助如何将md-switch定位到文本的右侧吗?

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

由于

1 个答案:

答案 0 :(得分: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