angularjs - iPad radio button issue within ionic popover -
i using radio buttons in popover create dropdown type filter app.
when use ipad radio buttons go haywire! works on every other device.
best illustration in video
https://www.youtube.com/watch?v=begkz4us8hq
here code:
<script id="templates/popover.html" type="text/ng-template"> <ion-popover-view> <ion-content> <div class="item bar-header bar-positive"> <h2 class="title">difficulty</h2> </div> <label class="item item-radio"> <input type="radio" ng-model="filter.difficulty" value="" name="group"> <div class="item-content"> </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" ng-model="filter.difficulty" value="easy" name="group"> <div class="item-content"> easy </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" ng-model="filter.difficulty" value="medium" name="group"> <div class="item-content"> medium </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" ng-model="filter.difficulty" value="hard" name="group"> <div class="item-content"> hard </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" ng-model="filter.difficulty" value="expert" name="group"> <div class="item-content"> expert </div> <i class="radio-icon ion-checkmark"></i> </label> </ion-content> </ion-popover-view> </script>
and displayed using this:
<button class="button button-positive button-small col col-20 icon-left ion-connection-bars filter-button" ng-click="popover.show($event)"> {{filter.difficulty || 'all'}} </button>
many can help.
Comments
Post a Comment