Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何正确绑定';选择';带有API调用的选项?_Javascript_Html_Angularjs_Json_Restful Url - Fatal编程技术网

Javascript 如何正确绑定';选择';带有API调用的选项?

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

我正在尝试编写一个简单的AngularJS程序,该程序对提供汇率数据的API进行REST调用。这个应用程序处理汇率问题,我这样做主要是为了教育目的。 我在尝试在HTML中的select元素之间双向绑定数据时遇到问题:

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