列表中的离子切换项显示android上的错误

时间:2015-11-12 10:29:32

标签: android angularjs ionic-framework

你好我的angularjs / ionic应用程序我有一个toggle-items列表。

不知怎的,如果我切换一些切换项,我会看到如下图所示的错误。此行为仅在Android而非iOS时发生。

toggle-bug-android

这只发生在白色条目以前是激活的切换项目时。它似乎是随机的活动切换项目变得白色。

此切换项列表的代码如下所示:

<ion-view>
  <ion-content>

    <ion-list>
      <div>
        <ion-item class="item-stable">
          <i class="icon ion-chevron-up"></i>
          &nbsp;
          Test
        </ion-item>
        <ion-item class="item-accordion item-toggle">

          <i class="icon ion-clock"></i>

          blabla

          <label class="toggle toggle-calm">
            <input type="checkbox">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>

        </ion-item>

        <label >test</label>

        <ion-item class="item-accordion item-toggle">

          <i class="icon ion-clock"></i>

          blabla

          <label class="toggle toggle-calm">
            <input type="checkbox">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>

        </ion-item>

        <ion-item class="item-accordion item-toggle">

          <i class="icon ion-clock"></i>

          blabla

          <label class="toggle toggle-calm">
            <input type="checkbox">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>

        </ion-item>

        <ion-item class="item-accordion item-toggle">

          <i class="icon ion-clock"></i>

          blabla

          <label class="toggle toggle-calm">
            <input type="checkbox">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>

        </ion-item>

        <ion-item class="item-accordion item-toggle">

          <i class="icon ion-clock"></i>

          blabla

          <label class="toggle toggle-calm">
            <input type="checkbox">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>

        </ion-item>

        <ion-item class="item-accordion item-toggle">

          <i class="icon ion-clock"></i>

          blabla

          <label class="toggle toggle-calm">
            <input type="checkbox">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>

        </ion-item>
      </div>
    </ion-list>

  </ion-content>
</ion-view>

有什么建议吗?

0 个答案:

没有答案