angularjs - Angular-ui ui-select - 强制下拉显示在上面

Question

所以我在屏幕底部的固定位置有一些控件，以便在移动设备上轻松访问，但对于我的生活，我无法弄清楚如何使选项内容出现在选择菜单上方。

我试着弄乱append-to-body="true"和其他一些完全不在墙上的东西。我觉得这应该是一个简单的钩子，但没有找到任何东西..

Answer 1

添加position='up'到<ui-select-choices>.

其他选项包括向下和自动（顶部/向下取决于可用空间）。

演示：https ://angular-ui.github.io/ui-select/demo-dropdown-position.html

在https://angular-ui.github.io/ui-select/上对 Plunker 进行编辑

[下拉位置]

Answer 2

我可以通过调整绝对定位来使用 css 来获得它。这实际上有点好，因为我可以控制它何时发生，对我来说它仅适用于移动屏幕宽度。

.some-container-class .ui-select-choices {
  top: auto;
  bottom: 100%;
}