gpt4 book ai didi

angularjs - 如何在 ionic 中添加切换按钮

转载 作者:行者123 更新时间:2023-11-28 07:34:21 27 4
gpt4 key购买 nike

我正在尝试添加带有按钮栏(右侧)的切换按钮,如图所示![在此处输入图片描述][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>

最佳答案

最简单的解决方案可能是将按钮(ion-toggle 元素)放在 .button-bar 中并使其正确 float 。

在此处查看它的实际操作,使用 position: absolute;right: 0;:

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

关于angularjs - 如何在 ionic 中添加切换按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31321594/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com