选择错误（Angular JS）-> 它显示空白选项不是真正的第一个选项（看截图）答案

【问题标题】：Error with Select (Angular JS) -> It shows blank option not the real first option (look screenshots)选择错误（Angular JS）-> 它显示空白选项不是真正的第一个选项（看截图）
【发布时间】：2015-10-16 16:59:52
【问题描述】：

英语不是我的第一语言，所以我真的不知道如何用单词来解释发生了什么，所以我只会使用图像:)

我在这里有这个选择：

 <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

有人知道为什么会这样吗？我想不通。我正在使用 Angular js，引导程序

它正在生成这个 HTML

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

为什么它会自动生成带有“？”的选项价值？

【问题讨论】：

@FarzadYZ 我没有在这个页面中使用 trustAsHtml

标签： html css angularjs twitter-bootstrap

【解决方案1】：

我以为是 HTML 或 CSS 问题，但结果是 Angular JS。通过这样做，我能够解决问题：

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

当 ng-model 引用的值在传递给 ng-options 的一组选项中不存在时，将生成空选项。这样做是为了防止意外选择模型：AngularJS 可以看到初始模型未定义或不在选项集中，并且不想自行决定模型值。

Why does AngularJS include an empty option in select?

【讨论】：