如何通过匹配 ng repeat 中数组中的键来填充下拉列表?
How to fill dropdown by matching key from array inside ng repeat?
我有这样的 json 结构:
101 :
"List": [
{
"Name": "Pink"
},
{
"Name": "Black"
}
]
102 :
"List": [
{
"Name": "Red"
},
{
"Name": "Yellow"
}
]
$scope.Ids = [101,102,103,104];
现在我在 ID 列表上有 1 ng 重复循环循环(对于 eg:101,102),所以我想通过特定的 Id.For 填充下拉列表,例如,对于 ID 101,我想填充粉红色、黑色,对于 102,我想在我的下拉列表中填充红色、黄色,剩下的我想简单地忽略,但我不知道如何实现这一点。
代码:
<div ng-repeat="item in Ids track by item.id">
<select ng-model="color" ng-options="">
<option value="">-- choose color --</option>
</select>
</div>
<div ng-repeat="level1 in Ids">
<select ng-model="color" ng-options="level2 for level2 in level1.List">
</select>
</div>
您不需要 option
标签!
假设下拉图存储在一个对象中:$scope.map
:
<div ng-repeat="id in Ids">
<select ng-model="color" ng-options="opt.name for opt in map[id].list"></select>
</div>
我有这样的 json 结构:
101 :
"List": [
{
"Name": "Pink"
},
{
"Name": "Black"
}
]
102 :
"List": [
{
"Name": "Red"
},
{
"Name": "Yellow"
}
]
$scope.Ids = [101,102,103,104];
现在我在 ID 列表上有 1 ng 重复循环循环(对于 eg:101,102),所以我想通过特定的 Id.For 填充下拉列表,例如,对于 ID 101,我想填充粉红色、黑色,对于 102,我想在我的下拉列表中填充红色、黄色,剩下的我想简单地忽略,但我不知道如何实现这一点。
代码:
<div ng-repeat="item in Ids track by item.id">
<select ng-model="color" ng-options="">
<option value="">-- choose color --</option>
</select>
</div>
<div ng-repeat="level1 in Ids">
<select ng-model="color" ng-options="level2 for level2 in level1.List">
</select>
</div>
您不需要 option
标签!
假设下拉图存储在一个对象中:$scope.map
:
<div ng-repeat="id in Ids">
<select ng-model="color" ng-options="opt.name for opt in map[id].list"></select>
</div>