diff --git a/example/toderp/index.html b/example/toderp/index.html
index b8fd9c1e7b..607bd78261 100644
--- a/example/toderp/index.html
+++ b/example/toderp/index.html
@@ -24,6 +24,9 @@
     <script src="../../js/controllers/ionic-leftrightmenu.js"></script>
     
     <script src="js/toderp.js"></script>
+    <style>
+      .content { height: 100%; }
+    </style>
   </head>
   <body ng-controller="ToderpCtrl">
     <div ng-switch on="display.screen" class="reveal-animation">
@@ -94,6 +97,7 @@
             <ul class="list">
               <li class="list-item" ng-repeat="task in tasks">
                 {{task.text}}
+                <input type="checkbox" ng-model="task.completed">
               </li>
             </ul>
           </div>
diff --git a/example/toderp/js/toderp.js b/example/toderp/js/toderp.js
index 8cd7848aaa..6d2a27b147 100644
--- a/example/toderp/js/toderp.js
+++ b/example/toderp/js/toderp.js
@@ -86,9 +86,9 @@ angular.module('toderp', ['firebase', 'ngRoute', 'ngAnimate'])
   };
 })
 
-.controller('TasksCtrl', function($scope, angularFireCollection, FIREBASE_URL) {
+.controller('TasksCtrl', function($scope, angularFire, FIREBASE_URL) {
   var taskRef = new Firebase(FIREBASE_URL + '/tasks');
-  $scope.tasks = angularFireCollection(taskRef);
+  $scope.tasks = angularFire(taskRef, $scope, 'tasks');
   $scope.addTask = function(task) {
     var t = {};
     t = angular.extend({
@@ -96,7 +96,7 @@ angular.module('toderp', ['firebase', 'ngRoute', 'ngAnimate'])
     }, task);
 
     console.log("Adding task:", t);
-    $scope.tasks.add(t);
+    $scope.tasks.push(t);
 
     $scope.task = {};
   };
