2016-11-18 13 views
0

ionicに取り組んでいて、イオントグルボタンをドロップダウンにしたいと思っています。マウスをトグルしてからドロップダウンし、次にボタンを押します。私はこの**http://codepen.io/anujsphinx/pen/aBBMVg**のPENを作成しました。助けが必要Ionic Toggleドロップダウンが機能しない

答えて

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

これがあなたを助けないかどうか教えてください。