如何使用angularfire集合在firebase中显示数据?

时间:2013-09-17 16:36:27

标签: javascript angularjs firebase angularfire

我在网址“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的新手,任何建议都将受到赞赏。 提前谢谢。

1 个答案:

答案 0 :(得分:2)

首先,请执行此操作really simple tutorial。它将帮助您了解角度和火焰基础的基础知识。

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