ng-repeat not working properly in ionic while fetching data from firebase
<p>i am creating a simple todo app using ionic and firebase. the data is coming from firebase but not displaying in view. But when i click on add button on top right then displaying that firebase data.please show or suggest me where i am going wrong</p>

<p><a href="http://play.ionic.io/app/2951d0291498" rel="nofollow">Demo Link</a></p>

<h2>Html</h2>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
    &lt;link href="https://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet"&gt;
    &lt;script src="https://code.ionicframework.com/1.0.0/js/ionic.bundle.js"&gt;&lt;/script&gt;
    &lt;script src="https://www.gstatic.com/firebasejs/3.2.1/firebase.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
    &lt;body ng-app="starter"&gt;
    &lt;ion-pane ng-controller="contrl" ng-init="load_todo()"&gt;
      &lt;ion-header-bar class="bar-stable" &gt;
        &lt;h1 class="title"&gt;Todo&lt;/h1&gt;
        &lt;button class="button button-clear button-positive" ng-click="showPopup()" &gt;&lt;i class="icon ion-ios-plus"&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-content&gt;
        &lt;ion-list&gt;
          &lt;ion-item ng-repeat="todoo in todos"&gt;
            {{todoo.task}}!
          &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/ion-content&gt;
    &lt;/ion-pane&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<h2>script</h2>

<pre><code>var app=angular.module('starter', ['ionic']);
var config = {
  apiKey: "AIzaSyAxwEYpUn2Kwvf65TApqIlk3Nv5LW9iHug",
  authDomain: "fir-demo-948d9.firebaseapp.com",
  databaseURL: "https://fir-demo-948d9.firebaseio.com",
  storageBucket: "fir-demo-948d9.appspot.com",
};


app.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      // for form inputs)
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

      // Don't remove this line unless you know what you are doing. It stops the viewport
      // from snapping when text inputs are focused. Ionic handles this internally for
      // a much nicer keyboard experience.
      cordova.plugins.Keyboard.disableScroll(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

app.controller('contrl',function($scope,$ionicPopup) {
  var app=firebase.initializeApp(config);
  var database=app.database();
  var auth=app.auth();
  var storage=app.storage();
  var databaseref=database.ref();

  $scope.todos={};

  $scope.load_todo = function() {
    databaseref.on("value", function(snapshot) {
      $scope.todos=snapshot.val();
      console.log($scope.todos);
    }, function (errorObject) {
      console.log("The read failed: " + errorObject.code);
    });
  }

  $scope.showPopup = function() {
    $scope.data = {}
    var myPopup = $ionicPopup.show({
      template: ' Enter Task&lt;input type="text" ng-model="data.todo"&gt;',
      title: 'Add Todo',
      scope: $scope,
      buttons: [{
        text: 'Cancel'
      }, {
        text: '&lt;b&gt;Save&lt;/b&gt;',
        type: 'button-positive',
        onTap: function(e) {
          if (!$scope.data.todo) {
            e.preventDefault();
          } else {
            return $scope.data;
          }
        }
      }, ]
    });
    myPopup.then(function(res) {
      if (res) {
        databaseref.push({'task': res.todo });
        console.log("task added");
      }else{
        console.log("task not added");
      }
    });
  };


})
</code></pre>