Javascript 无法使用angular js将嵌套数组填充到下拉列表中 我试图将json填充到下拉列表中，主要是主类别、子类别和子子类别 我可以填充主类别和子类别，但无法填充子类别 也仅基于主类别，子类别应填充，同样基于子类别，太阳子类别下拉列表应填充选项

请帮忙

代码

var-app=angular.module（'main'，[]）；
应用程序控制器（'DemoCtrl'，函数（$scope）{
$scope.chooseCategories=[{
类别：1，
猫名：“男人”，
描述：“一些描述”，
子类别：[{
钥匙：“上衣”，
值：“m-top-wear”，
子分类：[{
键：“Ma”，
价值：“并购”
}, {
密钥：“Mb”，
价值：“M-B”
}]
}, {
关键：“底裤”，
值：“m-底部磨损”，
子分类：[{
键：“Ma”，
价值：“并购”
}, {
密钥：“Mb”，
价值：“M-B”
}]
}]
}, {
类别：2，
猫名：“女人”，
描述：“一些描述”，
子类别：[{
钥匙：“上衣”，
值：“w-top-wear”，
子分类：[{
钥匙：“Wa”，
价值：“W-A”
}, {
键：“Wb”，
值：“w-B”
}]
}, {
关键：“底裤”，
值：“w-底部磨损”，
子分类：[{
键：“Ma”，
价值：“并购”
}, {
密钥：“Mb”，
价值：“M-B”
}]
}]
}, {
类别：3，
猫名：“孩子们”，
描述：“一些描述”，
子类别：[{
钥匙：“上衣”，
值：“k-top-wear”
}, {
关键：“底裤”，
值：“k-底部磨损”
}]
}];
var locationsArr=$scope.chooseCategories.map（函数（项）{
返回项.subcat；
});
var temp=$scope.chooseCategories.map（函数（项）{
返回项.subcat；
});
$scope.finalArr=locationsArr[0].concat（locationsArr[1]）.concat（locationsArr[2]）；
$scope.selectedCountry=$scope.chooseCategories[0].categoryId.toString（）；
});

主要类别：：
{{x.catName}

子类别：：
{{locations.value}}

子类别：：
{{locations.value}}
那怎么办


var-app=angular.module（'main'，[]）；
应用程序控制器（'DemoCtrl'，函数（$scope）{
$scope.chooseCategories=[{
类别：1，
猫名：“男人”，
描述：“一些描述”，
子类别：[{
钥匙：“上衣”，
值：“m-top-wear”，
子分类：[{
键：“Ma”，
价值：“并购”
}, {
密钥：“Mb”，
价值：“M-B”
}]
}, {
关键：“底裤”，
值：“m-底部磨损”，
子分类：[{
键：“Ma”，
价值：“并购”
}, {
密钥：“Mb”，
价值：“M-B”
}]
}]
}, {
类别：2，
猫名：“女人”，
描述：“一些描述”，
子类别：[{
钥匙：“上衣”，
值：“w-top-wear”，
子分类：[{
钥匙：“Wa”，
价值：“W-A”
}, {
键：“Wb”，
值：“w-B”
}]
}, {
关键：“底裤”，
值：“w-底部磨损”，
子分类：[{
键：“Ma”，
价值：“并购”
}, {
密钥：“Mb”，
价值：“M-B”
}]
}]
}, {
类别：3，
猫名：“孩子们”，
描述：“一些描述”，
子类别：[{
钥匙：“上衣”，
值：“k-top-wear”
}, {
关键：“底裤”，
值：“k-底部磨损”
}]
}];
});



Fiddle link是这样的：我已经用代码更新了我的问题：）谢谢你的回答，它按预期工作。但我还有一个疑问，现在我在每个
子子子目录
数组中还有一个字段，即
其他选项
，我希望这些选项也能打印在单个子目录选择上。更新的代码：它应该是什么样子，你想在哪里打印？它应该在subsubcat下拉列表之后。如果特定产品有任何
其他选项
，则应显示该选项。例如，带有
subsubsubcat
T恤的产品有3个其他选项；es，然后再将这3个子分类后也应作为下拉列表。谢谢，最后一个我如何从下拉列表中打印所有选择的值，我尝试像'ng controller=“DemoCtrl as opt”
，然后将每个模型绑定到
opt。`但它不起作用。嘿，现在我可以打印值了，但对于
其他选项
，我只获取最后选择的值，而不是所有值。看这个：：