离子 - 两个切换条显示答案

【问题标题】：Ionic - two Toggle bars show离子 - 两个切换条显示
【发布时间】：2015-07-23 22:37:57
【问题描述】：

这是我的 codepen 链接：http://codepen.io/anon/pen/MwPggE 具体的HTML是：

  <ion-toggle>
      <div class="item">
        {{menu.form.surveyMode ? 'Survey' : 'Enforcement'}} Mode 
        <label class="toggle toggle-positive">
          <input type="checkbox" ng-model="menu.form.surveyMode">
          <div class="track"><div class="handle"></div></div>
        </label>
      </div>
  </ion-toggle>

这里显示了两个切换按钮，我只需要一个。如果我删除<ion-toggle>，则该按钮不会充当滑块，而是充当按钮。

【问题讨论】：

标签： ionic

【解决方案1】：

<ion-toggle ng-model="menu.form.surveyMode" toggle-class="toggle-positive">
    {{menu.form.surveyMode ? 'Survey' : 'Enforcement'}} Mode 
</ion-toggle>

上面这段代码解决了这个问题。

【讨论】：

【解决方案2】：

使用这段代码看看，它工作得很好......

<div class="item">
  {{menu.form.surveyMode ? 'Survey' : 'Enforcement'}} Mode
  <label style="float:right" class="toggle toggle-positive">
    <input type="checkbox" ng-model="menu.form.surveyMode">
    <div class="track">
      <div class="handle"></div>
    </div>
  </label>
</div>

【讨论】：

我已经发布了答案，我认为是要走的路。
gr8..这解决了你的问题，但是我给出的上述代码也产生了相同的预期结果..
谢谢，让我试试你的。使用我的一段代码，如果我单击按钮，则无法滑动它。
测试了你的，但它根本不滑动:(
我猜，你可能已经在 ion-toggle 标签中添加了我的代码，这就是它不起作用的原因。请在代码的 ion-content 标签中添加上面的代码，它工作得很好，我检查了两次。