2016-11-18 6 views
0

이오 니크 작업을하고 있고 드롭 다운이있는 ionic 토글 버튼을 원 포인트에 집어 넣었습니다. 토글 이름을 누른 다음 드롭 다운 버튼을 누릅니다. 이 **http://codepen.io/anujsphinx/pen/aBBMVg**에 대한 PEN을 만들었습니다. 도움이 필요합니다드롭 다운이 작동하지 않는 이오닉 토글

답변

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

도움이되지 않는 경우 알려주십시오.

관련 문제