Updated demo.

jmdobry · jmdobry · commit 534ee73caf93 · 2015-02-06T00:56:20.000-07:00
diff --git a/example/example.js b/example/example.js
@@ -1,5 +1,5 @@
 (function () {
-  angular.module('firebase-example', [])
+  angular.module('firebase-example', ['js-data'])
     .factory('store', function () {
       var store = new JSData.DS();
 
@@ -16,26 +16,19 @@
       var fCtrl = this;
 
       User.findAll().then(function () {
-        $scope.$apply(function () {
-          $scope.users = User.filter();
-        });
+        $scope.users = User.filter();
       });
 
+      User.bindAll({}, $scope, 'users');
+
       $scope.add = function (user) {
-        User.create(user).then(function () {
+        return User.create(user).then(function () {
           fCtrl.name = '';
-          $scope.$apply(function () {
-            $scope.users = User.filter();
-          });
         });
       };
 
       $scope.remove = function (user) {
-        User.destroy(user.id).then(function () {
-          $scope.$apply(function () {
-            $scope.users = User.filter();
-          });
-        });
+        return User.destroy(user.id);
       };
     });
 })();
diff --git a/example/index.html b/example/index.html
@@ -7,9 +7,10 @@
   <link href="./example.css" rel="stylesheet">
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
   <script src="https://cdn.firebase.com/js/client/1.1.3/firebase.js"></script>
-  <script src="https://github.com/js-data/js-data/releases/download/1.0.0-beta.1/js-data-1.0.0-beta.1.min.js"></script>
+  <script src="https://github.com/js-data/js-data/releases/download/1.2.0/js-data.min.js"></script>
+  <script src="https://github.com/js-data/js-data-angular/releases/download/2.1.0/js-data-angular.min.js"></script>
   <script
-    src="https://github.com/js-data/js-data-firebase/releases/download/1.0.0-beta.1/js-data-firebase-1.0.0-beta.1.min.js"></script>
+    src="https://github.com/js-data/js-data-firebase/releases/download/1.0.0/js-data-firebase.min.js"></script>
   <script src="./example.js"></script>
 </head>
 <body data-ng-controller="firebaseCtrl as fCtrl">
@@ -55,7 +56,7 @@ <h3 class="panel-title">Users</h3>
   </div>
   <div>
 <pre><code>
-angular.module('firebase-example', [])
+angular.module('firebase-example', ['js-data'])
   .factory('store', function () {
     var store = new JSData.DS();
 
@@ -73,20 +74,18 @@ <h3 class="panel-title">Users</h3>
 
     User.findAll().then(function (users) {
       $scope.users = users;
-      $scope.$apply();
     });
 
+    User.bindAll({}, $scope, 'users');
+
     $scope.add = function (user) {
-      User.create(user).then(function () {
+      return User.create(user).then(function () {
         fCtrl.name = '';
-        $scope.$apply();
       });
     };
 
     $scope.remove = function (user) {
-      User.destroy(user.id).then(function () {
-        $scope.$apply();
-      });
+      return User.destroy(user.id);
     };
   });
 </code></pre>
