AngularJS选择标记不下降

Question

我正在使用AngularJS的ng-options编写下拉选择菜单。选择和提交工作正常。但如图所示，它并没有像预期的那样下降;它显示了一切。这是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可能会令人困惑，因此我不会责怪你走错了路。但是，问题实际上只是您一次显示选择中的10个项目。

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

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