用ng-options误解

时间:2015-12-08 13:30:07

标签: javascript html angularjs

嗯,我对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>

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

问题:

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

即使使用ng-init(来自教程),“选择”菜单也会在页面加载时设置一个空值。然后在用户选择其他值时将其删除。

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

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

请帮助:)

1 个答案:

答案 0 :(得分:1)

你忘了单引号:

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

请检查:http://codepen.io/anon/pen/RrNyvb