Angular 1.5 component demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.0.5/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/2.0.1/angularfire.min.js"></script>
<div ng-app="demoApp" ng-controller="HomeCtrl">
  <p ng-style="color">Status</p>
  <button class="button button-icon ion-cloud" ng-click="goOffline()">Go Offline</button>
    <button ng-click="goOnline()">Go Online</button>
  <br>
</div>

JavaScript

var config = {
    apiKey: "AIzaSyA8KIbTUXW57Fg6_y1ptYR6M6sebj5kEuM",
    authDomain: "project-6570233619858853741.firebaseapp.com",
    databaseURL: "https://project-6570233619858853741.firebaseio.com",
    storageBucket: "project-6570233619858853741.appspot.com",
  };
    firebase.initializeApp(config);

angular.module('demoApp', ['firebase'])

.controller('HomeCtrl', ['$scope','$location','$firebaseAuth', '$firebaseObject', '$firebaseArray', function($scope,$location,$firebaseAuth,$firebaseObject, $firebaseArray) {

    console.log($firebaseArray); // <- verified here that the injection works
    var rootRef = firebase.database().ref();

    //load data from firebase db
    $scope.loadCommunity = function(){

        $scope.hasCommunity = true;
        $scope.messages = $firebaseArray(rootRef);

    };
}]);