angularjs - <select> 带有 Angular/ Bootstrap 的占位符不起作用

标签 angularjs angular-ui

我想在带有 Bootstrap 的 angularjs 中有一个带有占位符的选择。 solutions我发现不适用于 Angular

这是我的 Angular 标记:

<select ng-model="myModel" 
     ng-options="p.name for p in ..."
     class="form-control list-selector required">
   <option value='' disabled selected>Please Choose</option>
</select>

如果有人有一个可行的解决方案......

谢谢 :)

最佳答案

您需要在选择中添加一个空选项:

<option value="">- Please Choose -</option>

这是一个工作示例:http://jsfiddle.net/DianaNassar/FShdc/

关于angularjs - <select> 带有 Angular/ Bootstrap 的占位符不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24158742/

相关文章:

javascript - Angular ng-repeat 错误

angularjs - Angular ui 路由器 : ui-views vs directives?

forms - angularJS:ui-select 表单在单击“提交”按钮以外的按钮时验证

javascript - 如何在具有两个重复列的 Angular 表中显示数组的元素?

javascript - 调用ng-repeat内部的API函数,提示错误。已达到 10 次 $digest() 迭代。在 AngularJS 中中止

javascript - 为什么只有部分 JSON 数据而不是全部发送到 DOM?

javascript - 未为嵌套状态启动父范围( Angular 用户界面)

javascript - AngularJS 访问 ng-repeat 复选框

javascript - 使用 ng-bind-html 进行自动换行

javascript - 如何在过滤器后更改数组变量 - Angular Ui 分页