AngularFire＆ngOptions

Question

我正在努力填充选择表单元素。这是我迄今为止的语法。它不会抓取program.title并填充ngOptions。

<select ng-model="student.program" ng-options="program.title for program in programList.title"> 
<option value="">Select A Program</option> 
</select> 

这里是我的火力地堡数据的基本JSON结构：

{ "-JNIBeRDAuNN9c7SGZ91" : { "location" : "Online", "director" : "Shawn Clark", "title" : "Web Design & Development" }, "-JNIBuaQlWyEyWRjONPa" : { "location" : "Online", "director" : "Walen Morrow", "title" : "Graphic Design" }, "-JNIBmIwasMYOPRPupHl" : { "location" : "Campus", "director" : "Tracy Monohan", "title" : "Web Design & Development" }, "-JNKGPNj-lGzqHJ92RTD" : { "location" : "Online", "director" : "Glen Speedy", "title" : "Theory of Animation & Physics" }, "-JNK9oTO97PfSo-0wQfY" : { "location" : "Campus", "director" : "John Myers", "title" : "Instructional Design & Technology" }, "-JNIC3Tldo-Qi3ru2ph7" : { "location" : "Campus", "director" : "George Narrow", "title" : "Graphic Design" }, "-JNK8cdgdHKjH2meKl9x" : { "location" : "Online", "director" : "Stacy McNally", "title" : "Instructional Design & Technology" } }

Answer 1

我相信你正在寻找

<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

See Plunker

Answer 2

试试下面的代码。

它应该工作：

<select ng-model="student.program" ng-options="program.title for program in programList"><option value="">Select A Program</option></select> 

感谢