title: how to call a asynchronous function in the html for angularjs
body: <p>I'm calling a function df(stuff, morestuff) that returns data from firebase in the html. But the function ends up returning no data because df it is an async function.  WHAT TO DO??</p>
  
  <pre><code>&lt;div&gt;{{ df(stuff, morestuff) }}&lt;/div&gt;
  
  
  $scope.df = function(stuff, morestuff){
      ref.child(stuff).child(morestuff).once('value', function(dataSnap){
          return dataSnap.val();
      })
  }
  </code></pre>
  
  <p>Help is much appreciated here. </p>