Firebase

by V Keerti Kotaru

HTML

<script src="https://cdn.firebase.com/js/client/2.3.1/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/1.1.3/angularfire.min.js"></script>
<div ng-app="sample">
    <div ng-controller="sampleController">
        <div>{{sfoAirport.city}}</div>
        <div>{{sfoAirport.state}}</div>
        
        <div ng-show="sfoAirport.delay">
            There is a minimum delay {{sfoAirport.status.minDelay}} of and a maximum of {{sfoAirport.status.maxDelay}} reported.
        </div>
        
         <div ng-show="!sfoAirport.delay">
            No Airport delays reported at SFO.
        </div>
    </div>
</div>

JavaScript

angular.module('sample', ['firebase'])
.controller('sampleController', function($scope, $firebaseObject){
    var ref = new Firebase("https://publicdata-airports.firebaseio.com");
    $scope.sfoAirport = $firebaseObject(ref.child('SFO'));
});