如何在标签的左侧进行离子切换?

时间:2017-07-06 08:40:38

标签: css ionic-framework

我在离子项中有一个简单的切换和标签:

<ion-item>
    <ion-toggle checked="true"></ion-toggle>
    <ion-label>Aangemeld blijven</ion-label>
</ion-item>

我想知道切换位于标签的左侧,但我的结果是: otherwise Fluentd pods won't be scheduled

我尝试左右浮动,但没有帮助。

你有什么建议吗?

2 个答案:

答案 0 :(得分:1)

我认为你应该使用item-start属性,它适用于我,它可能是最推荐的。

<ion-item>
    <ion-toggle item-start checked="true"></ion-toggle>
    <ion-label>Aangemeld blijven</ion-label>
</ion-item>

答案 1 :(得分:0)

使用这两个类覆盖并在右侧显示ion-toogle文本

.item-toggle .toggle
{
   left: 16px !important;
}
.item-toggle .ng-binding
{
   margin-left: 98%  !important;
}

示例:https://codepen.io/codeandyou/pen/obvYOG