我想填充<select name="selectmodel"> <option>根据选择的对象的嵌套数组<select name="selectmake"> <option>元素。
这是多维数组：
muscleCars = [
{
id: 1, name: "Chevrolet", models: [
{ model: "Camaro" },
{ model: "Corvette" }
]
},
{
id: 2, name: "Dodge", models: [
{ model: "Charger" },
{ model: "Challenger" },
{ model: "Viper" }
]
},
{
id: 3, name: "Ford", models: [
{ model: "GT" },
{ model: "Mustang" }
]
}
];
这是 HTML
//select for Make:
<select name="selectmake" [(ngModel)]="makeListFilter">
<option *ngFor="let muscleCar of muscleCars" [ngValue]="muscleCar.name">{{muscleCar.name}}</option>
</select>
//select for Model:
<select name="selectmodel" [(ngModel)]="modelListFilter">
<option *ngFor="let muscleCar of muscleCars" [ngValue]="muscleCar.models">{{muscleCar.models}}</option>
</select>
因此，基本上当您选择雪佛兰时，我希望第二个元素填充为Camaro and Corvette.
目前，第二select元素填充有数组[object Object]对于每个品牌，但不知道如何深入挖掘。
这是一个笨蛋：https://embed.plnkr.co/0eEIJg5uzL6KsI70wWsC/ https://embed.plnkr.co/0eEIJg5uzL6KsI70wWsC/
任何帮助，将不胜感激。
