带有下拉菜单的离子切换不起作用

Question

我正在研究 ionic 并卡在一点，我想要 ionic toggle button with Dropdown in a row.Means Toggle name then dropdown then button 。我为此 **http://codepen.io/anujsphinx/pen/aBBMVg** 创建了一个 PEN。需要帮助

Answer 1

在离子切换中使用 CSS 关闭指针事件。您必须覆盖 css。我添加了 class 来切换并使用 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

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