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

【问题标题】：angular ui-select choices doesnt scroll on ion-view and ion-modal-view but scrolls on ion-popup角度 ui-select 选项不在 ion-view 和 ion-modal-view 上滚动，但在 ion-popup 上滚动
【发布时间】：2016-11-07 18:24:39
【问题描述】：

我的代码上有这个 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 个选项。

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

【问题讨论】：

您提供代码笔链接，以便我可以看到您在移动设备上尝试实现的目标。
codepen.io/anon/pen/VvodmW

标签： angularjs ionic-framework ngcordova ionic-view ionic-popup

【解决方案1】：

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

【讨论】：

它在 ion-content 和 ion-view 中但不起作用

【解决方案2】：

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

您还可以使用ionicConfigProvider 全局启用或禁用本机滚动。

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

【讨论】：