Javascript 如何正确绑定';选择';带有API调用的选项?
我正在尝试编写一个简单的AngularJS程序,该程序对提供汇率数据的API进行REST调用。这个应用程序处理汇率问题,我这样做主要是为了教育目的。 我在尝试在HTML中的select元素之间双向绑定数据时遇到问题:Javascript 如何正确绑定';选择';带有API调用的选项?,javascript,html,angularjs,json,restful-url,Javascript,Html,Angularjs,Json,Restful Url,我正在尝试编写一个简单的AngularJS程序,该程序对提供汇率数据的API进行REST调用。这个应用程序处理汇率问题,我这样做主要是为了教育目的。 我在尝试在HTML中的select元素之间双向绑定数据时遇到问题: <select id="currencySelect" ng-model="search" ng-options="currency for (currency, rate) in exRates.rates"> </s
<select id="currencySelect"
ng-model="search"
ng-options="currency for (currency, rate) in exRates.rates">
</select>
“search”通过ng模型绑定到HTML元素,对于设置为“USD”的默认值非常有效。但是,当我使用select元素选择另一种货币类型时,绑定到“search”的数据是(currency,rate)——key,value对中的汇率
我希望它获取select元素中显示的货币(键),并将其绑定到“search”而不是rate(值)
例如:如果我在select元素中选择“EUR”,则“search”将绑定到0.90318而不是“EUR”。GET请求然后尝试:
http://api.fixer.io/latest?base=0.90318
这是行不通的
查看JSON摘录示例可能会有所帮助:
您很接近,只需稍微调整一下
ngOptions
语法:
ng-options="currency as currency for (currency, rate) in exRates.rates"
收藏中物品/obj的
值为文本,易于记忆
好家伙,这非常有效,我将在4分钟内接受你的答案,当我能够:p
{ "base":"USD",
"date":"2016-07-13",
"rates": {
"AUD":1.3111,
"BGN":1.7664,
"BRL":3.2981,
"CAD":1.3053,
"CHF":0.98528,
"CNY":6.6905,
"CZK":24.416,
"DKK":6.7177,
"GBP":0.75323,
"HKD":7.7576,
"HRK":6.7677,
"HUF":283.05,
"IDR":13046.0,
"ILS":3.8685,
"INR":67.03,
"JPY":104.61,
"KRW":1143.0,
"MXN":18.316,
"MYR":3.9432,
"NOK":8.4127,
"NZD":1.3687,
"PHP":47.13,
"PLN":3.979,
"RON":4.0565,
"RUB":63.801,
"SEK":8.5231,
"SGD":1.346,
"THB":35.18,
"TRY":2.8944,
"ZAR":14.333,
"EUR":0.90318
}
}
ng-options="currency as currency for (currency, rate) in exRates.rates"