javascript - 对 ng-options 的误解

Question

嗯，我对 ng-options 感到非常困惑。为什么这么难？

无论如何，也许你们好心人可以帮助拨开迷雾......

我有一系列货币:

["gbp", "usd", "eur"];

等存储在:

$scope.providedCurrencies

我正在尝试访问它们并在选择菜单中使用 ng-options 显示它们“The Angular Way”，如下所示:

<select ng-model="selectedCurrency"
        ng-options="currency for currency in providedCurrencies"
        ng-init="selectedCurrency=gbp">
</select>

然后，这将更新一系列付款选项，以根据所选货币显示不同的货币值(value)。

问题:

即使在 Angular docs 之后，编写 ng-options 的格式对我来说没有多大意义。和各种教程:(

即使使用 ng-init(来自教程)，选择菜单也会在页面加载时设置一个空值。当用户选择不同的值时，该值将被删除。

此外，DOM 中每个选项的值为 "string:gbp"。

在数组上处理对象中的数据时，似乎有更多信息。我应该这样做吗？即使文档显示了数组的选项？

请帮忙:)

Answer 1

您忘记只使用单引号:

<select ng-model="selectedCurrency"
    ng-options="currency for currency in providedCurrencies"
    ng-init="selectedCurrency='gbp'">
</select>

检查这个:http://codepen.io/anon/pen/RrNyvb