AngularJS:为什么我的ng选项没有'不要出现
AngularJS: how come my ng-options don't show up?
我正在使用AngularJS。我有一个下拉列表。所有ng选项都存在于下拉列表中,当选中时,它们会显示正确的输出,但不会显示它们的名称。
我认为这是ng期权的价值,但我一直没能弄清楚。
视图片段:
<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>
控制器片段-提供ng选项的对象:
$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":""
}
]
},
];
根据您的json
:ciudad.tiendas.code
不存在,您可能想改为这样做:
<select ng-options="ciudad as ciudad.code for ciudad in ciudades" ng-model="ciudadElegida"></select>
相关文章:
- 知道为什么我的旋转木马不会自动更改图片吗
- 为什么我的d3.jsselectAll+过滤器没有过滤
- 为什么我的点击事件没有使用 react js 触发
- 为什么我的JavaScript堆栈排序函数不起作用
- Don'我不明白为什么我的setInterval+jQuery;不起作用
- 为什么我的按钮组件提交它所在的表单
- 我不知道为什么我的代码是错误的?又有什么错
- 为什么我的While循环不起作用
- 为什么我的控制器没有启动函数.js脚本
- 为什么我的上下文选择器和.buttonset()在ie中花费了这么长时间
- 为什么我的函数没有被调用呢
- 为什么我的解析云代码请求'未经授权'
- 为什么我的短信没有弹出?CSS,HTML
- 为什么我的javascript程序没有将其转换为整数而不是字符串
- 为什么我的ajax在提交用@HtmlRenderPartial加载的表单时只调用fire一次
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 为什么我的列表不使用Ion出现
- 为什么我的textalign不可编辑
- 为什么我的javascript脚本在页面加载时运行,而不是使用onclick
- I'我不知道为什么我的代码没有'不起作用