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

0

У меня есть этот 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 опций,

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

  • 0
    Вы предоставляете ссылку на кодовое перо, чтобы я мог видеть, что вы пытаетесь достичь на мобильном устройстве.
  • 0
    codepen.io/anon/pen/VvodmW
Теги:
ionic-framework
ionic-view
ngcordova
ionicpopup

2 ответа

0

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

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

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

0

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

  • 0
    это внутри ионного содержимого и ионного обзора, но не работает

Ещё вопросы

Сообщество Overcoder
Наверх
Меню