У меня есть этот ui-select на моем коде. Я создаю мобильное приложение с Ionic и AngularJS.
<ui-select name="org" ng-model="user.org.selected" theme="selectize" class="form-control ng-pristine ng-invalid ng-invalid-required" style="margin-top: -5px; margin-left: 7px;" required>
<ui-select-match placeholder="Organization Name" focus-me="true">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="item in rea_list | filter: $select.search |limitTo: 20" position="down">
<div ng-bind-html="item.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
Когда я помещаю этот код в ionicPopup, я могу прокрутить список опций, чтобы просмотреть 20 опций в списке, но если бы я поставил этот код на свой ионный просмотр на странице или в ионическом модуле, я не могу прокрутить 20 опций,
Я не знаю, почему это так, и я не могу найти способ решить эту проблему. Он отлично работает в Интернете, но он не работает на мобильном устройстве.
Это происходит из-за естественной прокрутки Ionic. Вам нужно добавить в свой <ion-content>
директиву overflow-scroll="true"
.
Вы также можете глобально включить или отключить собственную прокрутку с помощью ionicConfigProvider
.
Но это приведет к более медленной прокрутке. Поэтому попробуйте сделать это с <ion-content>
который является небольшим и в нем нет огромного прокручиваемого материала.
Вы должны разместить его внутри ионного содержимого, которое должно находиться внутри ионного обзора. Это должно помочь с прокруткой.