Angularjs 如何在ionic中添加切换按钮

我试图添加切换按钮与按钮栏（右侧）如图所示！[在此处输入图像描述][1]

我能够使按钮栏，我添加了切换按钮从这个链接

但我的切换按钮位于按钮栏下方。我需要它与按钮栏一起提供，如图所示 这是我的密码

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

显示附件

最简单的解决方案可能是将按钮（

ion toggle

元素）放在

按钮栏

内，然后将其向右浮动

用

position:absolute在这里看到它的作用和<代码>右侧：0：

检查此项

您的按钮栏具有宽度：100%和填充。我将宽度设为75%，去掉了填充物，将其向左浮动，并将div向右切换

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

你的问题是关于
CSS
，而不是
Angular
，因此请相应地更新你的标题和标签。我们可以减小按钮栏按钮的宽度吗？有一个可用的按钮-浮动不起作用，因为该条的填充正确，因此需要调整。当然，你可以减小宽度，只需确保将其设置为内联块即可。解决方案中存在问题..切换按钮连接到工具栏按钮..它的外观不是我想要的..请检查图像它与barUse边距有一些像素来定位它。请查看此..请检查plunker的全屏。我的按钮栏边框的最后一个按钮未显示，并且未使用marginIonic框架用于构建移动应用程序。我不认为移动屏幕有空间显示四个按钮和一个向右浮动的切换按钮。考虑改变你的设计，我在平板电脑上工作，它有足够的空间……