AngularJS - 使用服务器数据下拉的默认选择值答案

【问题标题】：AngularJS - Default select value for drop down with data from serverAngularJS - 使用服务器数据下拉的默认选择值
【发布时间】：2014-04-14 23:43:57
【问题描述】：

我有一个带有角度模型绑定和从服务器端生成的数据的下拉菜单。我希望预先选择数据的第一个元素，但是 Angular js 在我的下拉选项上方生成了一个未知选项，我无法选择我的选项。

来源：

<select ng-model="currency" >
    {% for currency in currencies %}
    <option {% "selected='selected'" if(index==1) %} value="{{ currency["code"]}}">{{ currency["name"]}}</option>
    {% endfor %}
</select>

生成的数据

<select ng-model="currency">
    <option value="? object:004 ?"></option>
    <option value="EUR">Euro</option>
    <option value="SEK">Svenske kroner</option>
    <option value="GBP">Engelske Pund</option>
    <option value="DKK">Danske kroner</option>
    <option  value="USD">Amerikanske Dollar</option>
    <option value="NOK">Norske kroner</option>
</select>

知道如何删除额外的选项字段吗？

【问题讨论】：

标签： angularjs

【解决方案1】：

你可以像下面这样。您需要指定要选择的货币。

<select ng-model="currency" >
    <option ng-repeat="currency in currencies" ng-selected="currency.code == 'USD' ? true:false" ng-value="currency.code">{{ currency.name }}</option>
</select>

【讨论】：

【解决方案2】：

请试试这个：

<select ng-model="currency" >
    <option ng-repeat="currency in currencies" ng-selected="$first" ng-value="currency.code">{{ currency.name }}</option>
</select>

【讨论】：

【解决方案3】：

在你的控制器中试试这个

$scope.currency = $scope.currencies[0].code;

【讨论】：