我正在努力填充选择的表单元素。这是我到目前为止所拥有的语法。它不会抓取program.title并填充ngOptions。
<select ng-model="student.program" ng-options="program.title for program in programList.title">
<option value="">Select A Program</option>
</select>
以下是我在 Firebase 上的数据的基本 JSON 结构:
{
“-JNIBeRDAuNN9c7SGZ91”:{
"位置": "在线",
“导演”:“肖恩·克拉克”,
“标题”:“网页设计与开发”
},
“-JNIBuaQlWyEyWRjONPa”:{
"位置": "在线",
“导演”:“瓦伦·莫罗”,
“标题”:“平面设计”
},
“-JNIBmIwasMYOPRPupHl”:{
“地点”:“校园”,
“导演”:“特雷西·莫诺汉”,
“标题”:“网页设计与开发”
},
“-JNKGPNj-lGzqHJ92RTD”:{
"位置": "在线",
“导演”:“格伦·斯皮迪”,
“title”:“动画与物理理论”
},
“-JNK9oTO97PfSo-0wQfY”:{
“地点”:“校园”,
“导演”:“约翰·迈尔斯”,
“标题”:“教学设计与技术”
},
“-JNIC3Tldo-Qi3ru2ph7”:{
“地点”:“校园”,
“导演”:“乔治·纳罗”,
“标题”:“平面设计”
},
“-JNK8cdgdHKjH2meKl9x”:{
"位置": "在线",
“导演”:“史黛西·麦克纳利”,
“标题”:“教学设计与技术”
}
}
最佳答案
我相信你正在寻找
<select ng-model="student.program" ng-options="program.title for (id, program) in programList"><option value="">Select A Program</option></select>
您的 JSON 根对象是一个对象,而不是数组。 See angular documentation for object data sources
关于angularjs - AngularFire 和 ngOptions,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23750888/