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??

```
<div>{{ df(stuff, morestuff) }}</div>

$scope.df = function(stuff, morestuff){
    ref.child(stuff).child(morestuff).once('value', function(dataSnap){
        return dataSnap.val();
    })
}

```

Help is much appreciated here.