angularjs - 角度 ui-select 选项不会在 ion-view 和 ion-modal-view 上滚动，但会在 ion-popup 上滚动

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 个选项，但如果我将此代码放在页面上的 ion-view 或 ionicModal 中，我无法滚动浏览 20 个选项.

我不知道为什么会这样，我也想不出解决办法。它可以在网络上完美运行，但不能在移动设备上运行。

Answer 1

这是因为 Ionic 的原生滚动。您需要添加到您<ion-content>的overflow-scroll="true"指令中。

您还可以使用ionicConfigProvider.

但这会导致滚动速度变慢。因此，尝试对一个<ion-content>很小且没有巨大滚动内容的地方执行此操作。

Answer 2

你应该把它放在 ion-content 里面，它应该在 ion-view 里面。这应该有助于滚动。