Examples > AngularFire > Getting Started

Example from https://firebase.com/docs/web/bindings/angular/guide.html

by Frank van Puffelen

HTML

<script src="https://cdn.firebase.com/js/client/2.0.3/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.0/angularfire.min.js"></script>
<div ng-app="sampleApp" ng-controller="TestCtrl">
</div>

JavaScript

var app = angular.module("sampleApp", ["firebase"]);

app.controller("TestCtrl", function($scope, $firebase) {
  var ref = new Firebase('https://stackoverflow.firebaseio.com/28421789');
  var sync = $firebase(ref);
  sync.$set({foo: "bar"});
  sync.$push({hello: "world"}).then(function(newChildRef) {
    console.log("added record with id " + newChildRef.key());
  });
  sync.$remove("foo");
});

// Dependencies used in this fiddle:
// ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js
// cdn.firebase.com/libs/angularfire/0.9.0/angularfire.min.js
// cdn.firebase.com/js/client/2.0.3/firebase.js