угловой выбор ui-select не прокручивается по ионам и ионно-модальному виду, но прокручивает по ионам всплывающее окно

Question

У меня есть этот 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 параметров в списке, но если я ставлю этот код на моем ионным зрении на странице или в ionicModal, я не могу прокрутить 20 вариантов.

У меня нет ни малейшего понятия, почему это так, и я не могу найти способ решить эту проблему. Он отлично работает в Интернете, но он не работает на мобильном устройстве.

Answer 1

Предполагается разместить его внутри ионного содержимого, которое должно находиться внутри ионного обзора. Это должно помочь с прокруткой.

Answer 2

Это происходит из-за естественной прокрутки Иона. Вам необходимо добавить в свою <ion-content> инструкцию overflow-scroll="true".

Вы также можете включить или отключить собственную прокрутку с помощью ionicConfigProvider.

Но это приведет к более медленной прокрутке. Поэтому постарайтесь сделать это с <ion-content>, который является небольшим и в нем нет огромного прокручиваемого материала.