angularjsangular-ui

<select> placeholder with Angular/Bootstrap not working

I would like to have a select with a placeholder in Angularjs with bootstrap. The solutions I have found do not work with Angular

Here is my Angular markup:

<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>

How can I make this work?

Solution

  • You need to add an empty option to your select:

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

    Here is a working example: http://jsfiddle.net/DianaNassar/FShdc/