在AngularJS中选择具有选择输入的不同子JSON元素
在AngularJS中选择具有选择输入的不同子JSON元素
提问于 2013-11-01 14:31:09
我正在打印食品类型的列表，通过对每个类别进行API调用。类别中的食物具有以下JSON结构：
{"uid":"56",
"title":"Nussbrot",
"code":"X 39 2000000",
"final_factor":"0",
"sorting":"0",
"unit":[
{"title":"Scheiben",
"gram":"45",
"max":"100"
},
{"title":"Messerspitzen",
"gram":"250",
"max":"12"}
]
}我正在循环遍历&将值打印到模板中。没问题。我正在将"unit“值打印到一个选择框中：
<option ng-repeat="title in food.unit">{{ title.title }}</option>我目前正在打印每种食物中第一个单元的克和标题如下：
<div class="max">Max is: {{ food.unit[0].max }}</div>
<div class="grams">Grams is: {{ food.unit[0].gram }} </div>我如何使这个动态，以便我打印出的最大&克当前选定的单位？
这是我的普朗克。
Stack Overflow用户
发布于 2013-11-01 15:16:42
首先，您可以使用ng选择的值来处理选定的项：
http://docs.angularjs.org/api/ng.directive:ngSelected
<select>
<option ng-repeat="title in food.unit" ng-selected="selectedIndex=$index">{{ title.title }}</option>
</select>
<div class="max">Max is: {{ food.unit[selectedIndex].max }}</div>
<div class="grams">Grams is: {{ food.unit[selectedIndex].gram }} </div>这很可能管用;)还没试过呢！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19728821
复制相关文章
相似问题
腾讯云开发者
