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个选项，但如果我将此代码放在页面上或离子模型中的离子视图上，我就无法滚动浏览20个选项。

我不知道为什么会这样，我也无法找到解决问题的方法。它在网络上完美运行，但它不适用于移动设备。

Answer 1

你应该把它放在离子内容中，这应该在离子视图内。这应该有助于滚动。

Answer 2

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

您还可以使用ionicConfigProvider全局启用或停用原生滚动。

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

角度ui-select选项不会在离子视图和离子模式视图上滚动，而是在离子弹出窗口上滚动

2 个答案: