JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.min.js"></script>
<section ng-app="myapp" ng-controller="MyController">
    <div ng-repeat="item in data">
         <h3 ng-cloak>{{item.comment}}</h3>

    </div>
    {{data | json}}
</section>

JavaScript

angular.module("myapp", ["firebase"]).factory("FirebaseService", ["$firebase", function ($firebase) {
    var furl = "https://helloworldtest.firebaseio.com/";
    var ref = new Firebase(furl);
    return $firebase(ref);
}])
    .controller('MyController', ["$scope", "FirebaseService", function ($scope, firebaseservice) {
        console.log(firebaseservice);
    $scope.data = firebaseservice;
}]);