title: how to bind firebase data to fullCalendar with angular
body: <p>I'm trying to bind data from FireBase to my fullCalendar plugin in angular.
  but it seems that the plugin doesn't like <code>data.$asObject()</code> or <code>data.$as Array()</code>.</p>
  
  <p>this is what I have so far which doesn't work (no meetings are displayed):</p>
  
  <p>Controller:</p>
  
  <pre><code>(function () {
      var app = angular.module("myCal");
      app.controller('meetingsCtrl', meetingsCtrl);
  
      function meetingsCtrl($scope, $http, $location, $firebase) {
  
          var ref = new Firebase(firebaseurl); // real url
          var meetings = $firebase(ref);
  
          $scope.fireEvents = meetings.$asObject(); // $asArray() not working as well
  
      } // controller func
  
  })();
  </code></pre>
  
  <p>Directive:</p>
  
  <pre><code>(function () {
      var app = angular.module("myCal");
  
      app.directive("sbCalendar", function () {
          return {
              link: function (scope, element, attrs) {
                  $(element).fullCalendar({
  
                      header: {
                          left: 'prev,next today',
                          center: 'title',
                          right: 'month,agendaWeek,agendaDay'
                      },
                      eventLimit: true, // allow "more" link when too many events
                      aspectRatio: 4,
                      events: scope.fireEvents,
                      editable: true,
                      eventDrop: function (event, delta, revertFunc) {
  
                      } // event drop
  
                  }); // fullCalendar init &amp; options
  
              } // link
  
          } // return 
      }); // directive
  })();
  </code></pre>
  
  <p>the json file I uploaded to Firebase (the fb url is pointing to meetings ):</p>
  
  <pre><code>{
      "meetings": {
          "x1": {
              "title": "test subject",
              "start": "2016-10-20",
              "end": "2016-10-20",
              "description": "some long description test"
          },
          "x2": {
              "title": "test2 subject",
              "start": "2016-11-05",
              "end": "2016-11-06",
              "description": "another long description for test 2"
          },
          "x3": {
              "title": "test3 new subject",
              "start": "2016-11-11",
              "end": "2016-11-11",
              "description": "yet another description for test 3"
          }
      }
  }
  </code></pre>