在控制器中获取json数据，并将数据用作变量和函数等
在控制器中获取json数据，并将数据用作变量和函数等
提问于 2015-08-01 17:02:38
我是Angular JS的新手，我目前正在构建一个订单表，用户可以使用该表单来图形化地构建他们的项目。我有一个json文件，其中列出了产品的所有元素(框架，背景，信件，消息)和他们的SKU和价格。我可以得到的json的应用程序作为‘产品’，但我希望能够得到这个数据根据用户的选择，即如果用户选择黄金框架，我想使一个变量，其中包括SKU，价格和重量的黄金框架从json。希望这是有意义的。
在https://jsfiddle.net/3kd796wL/上有一个演示，这是我的json文件：
{
"products":
{
"frames": {
"plastic": {
"SKU": "PLA",
"price": 1.00,
"weight": 1.00
},
"wood": {
"SKU": "WOO",
"price": 6.00,
"weight": 3.00
},
"silver": {
"SKU": "SIL",
"price": 12.00,
"weight": 6.00
},
"gold": {
"SKU": "GOL",
"price": 18.00,
"weight": 12.00
}
},
"backgrounds":{
"feet":{
"SKU": "BK01",
"price": 1.00,
"weight": 0
},
"flowers":{
"SKU": "BK02",
"price": 1.00,
"weight": 0
},
"rabbits":{
"SKU": "BK01",
"price": 1.00,
"weight": 0
}
}
}
}任何帮助都是非常感谢的。谢谢。
回答 1
Stack Overflow用户
发布于 2015-10-22 20:13:21
更改框架的选择代码，如下
<label for="frame">Choose a frame</label>{{frame}}
<select name="frame" id="frame" class="form-control" ng-model="frame" ng-options="key for (key, value) in products.products.frames">
</select>在上面的代码片段中，我使用了ng- options ，它通过迭代对象数组来创建选项。设置ng-model='frame'，这样，无论何时更改任何内容，都会影响object.For引用检查https://docs.angularjs.org/api/ng/directive/ngOptions
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31760138
复制相关文章
相似问题
腾讯云开发者
