如何使用AngularJS在下拉列表中添加占位符选项

Question

在<select>输入中,我们可以添加一个禁用选项作为占位符:

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="1">January</option>
    ...
</select>

但是我们如何在<select>由AngularJS构建的禁用选项中添加,ng-options从控制器提供？

<select class="month" id="month"
        ng-model="vm.month"
        ng-options="m for m in vm.months">  
</select>

Answer 1

我很容易!谢谢HarishR.

<select class="month" id="month"
        ng-model="vm.month"
        ng-options="m for m in vm.months">  
    <option value="" disabled selected>Select your option</option>
</select>

我们甚至可以动态显示/隐藏占位符选项:

<select class="month" id="month"
        ng-model="vm.month"
        ng-options="m for m in vm.months">  
    <option value="" disabled selected ng-hide="vm.month">Select your option</option>
</select>