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

Question

因此，我在屏幕底部的固定位置设置了一些控件，以便在手机上轻松覆盖，但在我的生活中，我无法弄清楚如何使选项内容显示在选择菜单上方。

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

Answer 1

通过调整绝对位置，我能够通过css得到它。这实际上很好，因为我可以通过这种方式控制它，对我来说它只适用于移动屏幕宽度。

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

Answer 2

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

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

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

在https://angular-ui.github.io/ui-select/

上编辑Plunker

[下拉位置]