Question

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

这是我的角度标记：

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

如果有人有工作解决方案......

谢谢：）

Answer 1

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

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

以下是一个工作示例：http://jsfiddle.net/DianaNassar/FShdc/

Answer 2

对于Angularjs版本和反应形式，如果您使用ngValue绑定options中的值，则以下类型的解决方案将起作用：

<option value='' selected ng-value="null">Please Choose</option>

对于Angular 2+版本，类似的东西会起作用-

<select class="form-control"
    formControlName="roomType" 
    (change)="changeRoomType($event)">
    <option [ngValue]="null" selected>Room Type</option>
    <option *ngFor="let room of roomTypes" [ngValue]="room">{{room}}</option>    
    </select>

作为参考，请检查此链接-https://netbasal.com/angular-quick-tip-how-to-show-a-placeholder-in-select-control-bab688f98b98

<select>占位符，其中angular / bootstrap无法正常工作</select>

2 个答案: