title: How to display data in firebase using angularfire collection?
body: <p>I have some data in firebase in the url "<a href="https://wpladv.firebaseio.com/adventure" rel="nofollow">https://wpladv.firebaseio.com/adventure</a>" and I have the following code in my js file:</p>
  
  <pre><code>.factory('dataUpdate', ['angularFireCollection', function(angularFireCollection) {
    var dbUrl = 'https://wpladv.firebaseio.com/adventure';
    return {
      adventures: function(){
        var cat = '/adventure';
        return angularFireCollection(dbUrl + cat);
      }
    }
  }])
  </code></pre>
  
  <p>I also have the following code in my HTML</p>
  
  <pre><code>&lt;ul class="unstyled"&gt;
    &lt;li ng-repeat="adventure in adventures"&gt;
      &lt;div class="well"&gt;
        &lt;h4&gt;{{adventure.name}}&lt;/h4&gt;
        &lt;h5&gt;&lt;em&gt;{{adventure.desc}}&lt;/em&gt;&lt;/h5&gt;
        &lt;p&gt;{{adventure.theme}}&lt;/p&gt;
        &lt;p&gt;{{adventure.like}}%&lt;/p&gt;
        &lt;p&gt;Taken by {{adventure.used}}&lt;/p&gt;
     &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The data in firebase is in JSON. My question is how do i display the data in the url using angularfire collection object? I am new to angularfire and any suggestion will be appreciated. 
  Thanks in advance.</p>