我在尝试动态加载数据(即 ng-options )以获取 ng-click 上的下拉菜单时遇到了这个问题.
所以，基本上当页面加载时，我有 ng-model在页面加载时可用，我将其添加到 ng-options在<select> , 那是唯一的 ng-option在页面加载时可用。然后在<select ng-click="updateNgOptions()"我必须调用 api 并重新填充 ng-options .
我的问题是当ng-options重新填充，<select>高度没有增加。我必须点击 <select>并再次点击 <select>正确显示的高度。
见下图:
当我第一次点击时，ng-options 改变了但 dd 没有调整大小
当我移开焦点并再次点击下拉菜单时，它会重新调整大小
最佳答案
这来自浏览器引擎呈现 html 的不同方式。这是一个similar thread ，在 Angular 上下文之外。它仅在 Firefox 中工作正常，对于 Chrome，您需要关闭和打开 ddl，而 IE 会自动关闭 ddl。
我创建了一个 angular example ，您可以自己尝试一下。为了更好的可读性，逻辑被提取到一个单独的指令中。
<custom-ddl ng-model="selected" options="ddlOptions" more-options-callback="getMoreOptions"></custom-ddl>
关于javascript - Angularjs <select> 在 ng-options 更新时不调整高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34575360/