如何将占位符文本添加到下拉菜单中

我是angularjs的新手。 我想在我的下拉列表中添加一个占位符。 我不是很难编码我的下拉值,它来自某个地方。 你能告诉我我犯了什么错误吗?

<div class="row form-group">
    <label class="col-md-3">Action<span style="color: #b94a48">*</span></b></label>
    <div class="col-lg-3 col-md-7" style="padding: 0px;">
        <div class="dropdown select" style="width: 100%;">
            <select name="wlOrdActType" class="dropdown multiple" placeholder="-- Please Select --" 
                ng-model="wlOrdActType" 
                ng-options="obj.name as obj.name for obj in ordertypeList"
                style="width: 100%;">
                    <option></option>
            </select>
        </div>
    </div>
</div>

这里每件事情都在起作用。 但占位符不在下拉列表中


<option value="" disabled selected>Please Select</option>

你可以做这样的事情:

<select ng-model="wlOrdActType" ng-options="obj.name as obj.name for obj in ordertypeList">
  <option value="" selected="selected">Choose one</option>
</select>

也可以试试这个:

<select required class="form-control" ng-model="myModel" 
ng-options="item as item.title for item in list">
    <option value="" label="-- Select option --" disabled selected="selected">      
    </option>
</select>

将模型设置为控制器中的空字符串。

 $scope.myModel = "";
链接地址: http://www.djcxy.com/p/70599.html

上一篇: How to add placeholder text to dropdown

下一篇: Angular 2, set default value to select option