Question

我正在尝试添加按钮栏（右侧）的切换按钮，如图所示！[在此处输入图像说明] [1]

我可以制作按钮栏，并在此链接中添加了切换按钮 http://ionicframework.com/docs/api/directive/ionToggle/

但是我的切换按钮位于按钮栏下方。我需要它按下按钮栏，如图所示这是我的代码

  <div class="" id="buttonTab" style="border-bottom: 1px solid lightgray">


  <div class="button-bar">

            </div>
            <div>
<ion-toggle ng-model="airplaneMode" toggle-class="toggle-calm">Show Attachment</ion-toggle>            </div>

        </div>
        </div>

Answer 1

最简单的解决方案可能是将按钮（ion-toggle元素）放在.button-bar内并向右浮动。

使用position: absolute;和right: 0;：

在此处查看此操作

http://plnkr.co/edit/YvSwWgNzEioW0Lpvm04i?p=preview

Answer 2

检查一下。 http://plnkr.co/edit/MuMTo8cmNaV2p6W7mFMt?p=preview

你的按钮栏有宽度：100％和填充。我将宽度设为75％并移除了填充并将其浮动到左侧并将div切换到右侧

.button-bar {
   /* padding: 1% 18% 1% 18%;*/
    float:left;
    width:75% !important;
}

如何在离子中添加切换按钮

2 个答案: