angularjs - AngularFire 和 ngOptions

标签 angularjs select firebase angularfire

我正在努力填充选择的表单元素。这是我到目前为止所拥有的语法。它不会抓取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

See Plunker

关于angularjs - AngularFire 和 ngOptions,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23750888/

相关文章:

javascript - 将服务/常量注入(inject) Angularjs 中的提供程序

javascript - AngularJS 从 Controller 更新 ng-click 范围

linux - 如何设置 libcurl 以使用 poll()

android - 如果未在 firebase 中链接,则停止使用电话号码登录

android - 重写onDataChange函数时如何在外部范围内进行更改

javascript - 动画元素 Angular 不消失

javascript - UI Router 更改 URL 但不更改页面

angular - 显示数据库获取的值(如果存在)否则在 ng-select angular 中显示默认文本

php 截断数据库的某些部分后不选择

android - 如何为报价应用程序设计 Firebase 数据库?