選擇錯誤（Angular JS） - >它顯示空白選項不是真正的第一選項（看截圖）

Question

英語不是我的第一語言，所以我真的不知道如何解釋發生了什麼，會只是用圖像:)

我有這樣的選擇在這裏：

<select class="form-control input-lg" name="page" ng-model="campaign.page" ng-required="true"> 
       <option selected disabled>{{"Select the fan page"|i18n}}...</option> 
       <option ng-repeat="page in fanPages" value="{{page}}">{{page.name}}</option> 
      </select> 

，一切工作正常，除了禁用選項「選擇風扇頁」不顯示（查看屏幕截圖）

How it looks when i click

How was it supposed to look like

任何人都知道爲什麼會發生這種情況？我無法弄清楚。我採用了棱角分明的js，引導

它生成此HTML

<option value="?" selected="selected"></option> 

爲什麼會產生自動與此選項「？」值？

Answer 1

我認爲這是一個HTML或CSS的問題，但事實證明這是Angular JS。 通過這樣做，我能夠解決的問題：當NG-模型中引用的值在一組傳遞到NG-選項選項不存在

<select class="form-control input-lg" name="page" ng-model="campaign.page" ng-required="true" 
       ng-options="page.name for page in fanPages track by page.id"> 
      </select> 

空的選項生成。這發生的目的是爲了防止意外的模型選擇：AngularJS可以看到初始模型或者未定義或者不在選項集合中，並且不想自行決定模型值。我沒有在這個頁面上，使用trustAsHtml

Why does AngularJS include an empty option in select?