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 個のオプションを表示できますが、このコードをページ上のイオンビューまたは ionicModal に配置すると、20 個のオプションをスクロールできません.

これがなぜそうなのか、私には手がかりがありません。また、それを解決する方法もわかりません。Web では完全に機能しますが、モバイル デバイスでは機能しません。

4

2 に答える 2

0

これは、Ionic のネイティブ スクロールが原因です。ディレクティブに追加<ion-content>する必要があります。overflow-scroll="true"

を使用して、ネイティブ スクロールをグローバルに有効または無効にすることもできますionicConfigProvider。

ただし、これによりスクロールが遅くなります。<ion-content>そのため、小さくて巨大なスクロール要素を持たないに対してこれを実行してみてください。

于 2016-11-07T10:24:39.857 に答える