AngularJS select 标签没有掉落

Question

我正在使用 AngularJS 的 ng-options 编写下拉菜单 select。选择和提交工作正常。但是如图所示，它并没有像预期的那样掉落；它显示了一切。这是 select:

的代码

<label>Role Type: 
    <select ng-options="role for role in roles" ng-model="Role_Type" size = "10">
        <option value="">-- Select Type --</option>
    </select>
</label>

在我的控制器中，我有：

$scope.roles = ['One', 'Two', 'Three', 'Four'];

Answer 1

ng-options 可能会让人难以习惯，所以我不怪你走错了路。但是，问题实际上只是您一次显示 select 中的 10 个项目。

只需删除它，您的问题就会消失： size = "10"

查看 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-size

AngularJS select 标签没有掉落

AngularJS select tag not dropping down

css

select

angularjs

drop-down-menu

ng-options