Ionic Toggle With Dropdown无效

时间:2016-11-18 09:54:39

标签: angularjs drop-down-menu ionic-framework toggle

我正在研究离子并坚持一点,我想要离线切换按钮,连续下拉.Means切换名称然后下拉然后按钮。我为此**http://codepen.io/anujsphinx/pen/aBBMVg**创建了一个PEN。需要帮助

1 个答案:

答案 0 :(得分:0)

在离子切换中使用CSS关闭指针事件。你必须覆盖css。我添加了类来切换并使用css来做到这一点。

HTML:

 <ion-toggle ng-repeat="item in settingsList"
        ng-model="item.checked" ng-checked="item.checked" class="offPointer">
      {{ item.text }}
      <select>     
          <option>Option 1</option>
          <option selected>Option 2</option>
         <option>Option 3</option>
       </select>
    </ion-toggle>

CSS:

.offPointer{
  pointer-events: all !important;
}

您可以在此处找到完整的代码。 http://codepen.io/anon/pen/ZBLGeK?editors=1100

如果这对您没有帮助,请告诉我。