AngularJS and Firebase @ YouTube

Realtime Web Apps with AngularJS and Firebase

It’s amazing. As indicated, AngularJS’s 2-way binding is extended into multi-clients by just adding a hook for Firebase. The Firebase nicely handles both persistence and notification with a simple interface. There’re some applauses in the demonstration (around 10:00-11:00), and I would make a similar response.


Just made some modification to the previous server/client communication code, and it just worked as advertised.

<html ng-app="app">
    <script src=""></script>
    <script src=""></script>
    <link href="" rel="stylesheet">

    <script src=""></script>
    <script src=""></script>
    <script src="angularFire.js"></script>

      body { margin-top: 10px; }
      input.message { height: 30px; }

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

      function AppCtrl($scope, angularFire) {
        var url = 'https://<my-firebase>'
        $scope.items = angularFire(url, $scope, 'items');

        $scope.send = function() {

        $scope.clear = function() {
          $scope.items.length = 0;

  <body ng-controller="AppCtrl">
    <form class="form-inline">
      <input type="text" ng-model="text" placeholder="input message to send" class="message"></input>
      <button ng-click="send()" class="btn">send</button>
      <button ng-click="clear()" class="btn">clear</button>

    <table class="table table-striped">
      <tr ng-repeat="item in items">

Posted on July 20, 2013, in JavaScript, Web. Bookmark the permalink. 1 Comment.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: