选择不允许带有ng-model的占位符的框

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>

我希望选择选项是选择框的占位符

Answer 1

使用说明:

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

作为占位符

恰好

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>