Question

我有一个带有角度模型绑定的下拉列表和从服务器端生成的数据。我希望预先选择数据的第一个元素，但是角度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>

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

Answer 1

请试试这个：

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

Answer 2

你可以在下面这样做。您需要指定您希望选择哪种货币。

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

Answer 3

在你的控制器中试试这个

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

AngularJS - 用于从服务器下载数据的默认选择值

3 个答案: