我正在使用AngularJS。我有一个下拉列表。所有ng-options都存在于下拉列表中，选中后会显示正确的输出，但不显示其名称。
我认为这是ng-options值的一部分，但我无法弄明白。
view snippet：
<select ng-options="ciudad as ciudad.tiendas.code for ciudad in ciudades" ng-model="ciudadElegida"></select>
<div class="tiendasContainer">
<article class="tienda" ng-repeat="tienda in ciudadElegida.tiendas">
<h4>{{tienda.nombre}}</h4>
<h4>{{tienda.dir1}}</h4>
</article>
</div>
controller snippet - 提供ng-options的对象：
$scope.ciudades = [
{
code: "Barranquilla",
tiendas: [
{
"nombre":"C.C. Unico Outlet",
"dir1":"Local 22",
"dir2":""
}
]
},
{
code: "Bogota",
tiendas: [
{
"nombre":"Calle 13",
"dir1":"Carrera 60 #12-55",
"dir2":""
},
{
"nombre":"C.C. Floresta Outlet",
"dir1":"Local 121",
"dir2":""
},
{
"nombre":"C.C. Plaza Imperial",
"dir1":"Local 137",
"dir2":""
},
{
"nombre":"Zona Industrial",
"dir1":"Avenida Calle 9 #60-70",
"dir2":"Local 10"
},
{
"nombre":"Galerias",
"dir1":"Carrera 24 #53-96",
"dir2":""
},
{
"nombre":"C.C. Santa Fe",
"dir1":"Local 1-90",
"dir2":""
},
{
"nombre":"C.C. Unicentro de Occidente",
"dir1":"Local 115",
"dir2":""
},
{
"nombre":"C.C. Gran Estacion",
"dir1":"Local 1-020",
"dir2":""
}
]
},
{
code: "Cali",
tiendas: [
{
"nombre":"C.C. Unicentro",
"dir1":"Local 225",
"dir2":""
},
{
"nombre":"C.C. Jardin Plaza",
"dir1":"Local 178",
"dir2":""
},
{
"nombre":"C.C. Cosmocentro",
"dir1":"Local 2M",
"dir2":""
},
{
"nombre":"C.C. Chipichape",
"dir1":"Local 5-10",
"dir2":""
},
{
"nombre":"C.C. La 14 de Calima",
"dir1":"Local 1-154",
"dir2":""
},
{
"nombre":"C.C. Unico",
"dir1":"Local 214",
"dir2":""
},
{
"nombre":"Plaza de Caicedo",
"dir1":"Carrera 4 #12-70",
"dir2":""
},
{
"nombre":"C.C. Palmetto",
"dir1":"Local 147",
"dir2":""
},
]
},
{
code: "Cartago",
tiendas: [
{
"nombre":"C.C. El Virrey",
"dir1":"Local 18",
"dir2":""
}
]
},
{
code: "Florencia",
tiendas: [
{
"nombre":"C.C. Gran Plaza",
"dir1":"Local 149",
"dir2":""
}
]
},
{
code: "Girardot",
tiendas: [
{
"nombre":"Centro",
"dir1":"Carrera 10 #14-86",
"dir2":""
}
]
},
{
code: "Ibague",
tiendas: [
{
"nombre":"C.C. Multicentro",
"dir1":"Local 137",
"dir2":""
}
]
},
{
code: "Ipiales",
tiendas: [
{
"nombre":"C.C. Gran Plaza Ipiales",
"dir1":"Local 1-073",
"dir2":""
}
]
},
{
code: "Monteria",
tiendas: [
{
"nombre":"C.C. Alamedas",
"dir1":"Local B-140",
"dir2":""
}
]
},
{
code: "Palmira",
tiendas: [
{
"nombre":"C.C. Llano Grande",
"dir1":"Local 316",
"dir2":""
},
{
"nombre":"C.C. Unicentro",
"dir1":"Local 146",
"dir2":""
},
{
"nombre":"Plaza Bolivar",
"dir1":"Carrera 30 #30-69",
"dir2":""
},
{
"nombre":"Centro",
"dir1":"Calle 31 #26-14",
"dir2":""
}
]
},
{
code: "Pasto",
tiendas: [
{
"nombre":"C.C. Unicentro",
"dir1":"Local 1-19",
"dir2":""
},
{
"nombre":"C.C. Unico",
"dir1":"Local 45",
"dir2":""
},
{
"nombre":"C.C. Sebastian de Belalcazar",
"dir1":"Local 1",
"dir2":""
}
]
},
{
code: "Pereira",
tiendas: [
{
"nombre":"Centro",
"dir1":"Carrera 6 #19-16",
"dir2":""
}
]
},
{
code: "Soledad",
tiendas: [
{
"nombre":"C.C. Gran Plaza del Sol",
"dir1":"Local 148",
"dir2":""
}
]
},
{
code: "Villavicencio",
tiendas: [
{
"nombre":"C.C. Unico",
"dir1":"Local 31",
"dir2":""
},
{
"nombre":"C.C. Viva Exito",
"dir1":"Local 151A",
"dir2":""
}
]
},
];
答案 0 :(得分：1)
根据您的json：ciudad.tiendas.code不存在，您可能想要这样做：
<select ng-options="ciudad as ciudad.code for ciudad in ciudades" ng-model="ciudadElegida"></select>