Question

我有一个下拉选择框，只要我放入ng-model=它就会停止显示占位符，

为什么会发生这种情况？我尝试在选择选项上放置ng-selected，Selected和default。

这是代码

  <select id="fontChooser" ng-model="eventData.font" placeholder="Test">
            <option value="0" ng-selected="selected">Choose...</option>
            <option value="Times">Times New Roman</option>
            <option value="Arial">Arial</option>
            <option value="Georgia">Georgia</option>
            <option value="ComicSans">Comic Sans</option>
  </select>

我希望choose选项成为选择框的占位符

Answer 1

使用：

<option value="">Choose...</option> <!-- leave the value empty -->

作为占位符

Plunker

Answer 2

尝试使用ng-init

<select id="fontChooser" ng-model="eventData.font" ng-init="eventData.font='Choose'" >
        <option value="Times">Times New Roman</option>
        <option value="Arial">Arial</option>
        <option value="Georgia">Georgia</option>
        <option value="ComicSans">Comic Sans</option>

选择不允许包含ng-model

2 个答案: