javascript - 如何使用 angularfire 集合在 firebase 中显示数据？

Question

我在 url“https://wpladv.firebaseio.com/adventure”中的 firebase 中有一些数据，我的 js 文件中有以下代码:

.factory('dataUpdate', ['angularFireCollection', function(angularFireCollection) {
  var dbUrl = 'https://wpladv.firebaseio.com/adventure';
  return {
    adventures: function(){
      var cat = '/adventure';
      return angularFireCollection(dbUrl + cat);
    }
  }
}])

我的 HTML 中也有以下代码

<ul class="unstyled">
  <li ng-repeat="adventure in adventures">
    <div class="well">
      <h4>{{adventure.name}}</h4>
      <h5><em>{{adventure.desc}}</em></h5>
      <p>{{adventure.theme}}</p>
      <p>{{adventure.like}}%</p>
      <p>Taken by {{adventure.used}}</p>
   </div>
  </li>
</ul>

firebase 中的数据是 JSON 格式的。我的问题是如何使用 angularfire 集合对象在 url 中显示数据？我是 angularfire 的新手，任何建议都将不胜感激。提前致谢。

Answer 1

首先，请这样做really simple tutorial .它将帮助您了解 Angular 和 Firebase 的基础知识。

您必须将 firebase 数据绑定(bind)到目标范围。这通常在 Controller 中完成(参见本教程的 this specific step)