angular ui选择选项不会在离子视图和离子模式视图上滚动，而是在离子弹出窗口上滚动

Question

我在代码中选择了这个ui。我正在用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

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

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

但这会导致滚动速度变慢。所以试着对<ion-content>这样做，它很小，里面没有巨大的滚动内容。