有角度的firebase不会反映完整日历视图中的更改

im在我的angular应用程序中使用Firebase（angularfire）和fullcalendar插件，我可以创建新对象并在firebasedb上看到结果，但我在视图中看不到结果（我只有在刷新页面时才能看到它们）。

出于测试目的，我使用fullcalendar的dayClick()事件来触发firebase:的$add功能

控制器：

(function () {
    var app = angular.module("appCal");
    app.controller('meetingsCtrl', meetingsCtrl);
    function meetingsCtrl($scope, $http, $location, $log, $firebaseArray, $timeout) {
        var ref = new Firebase(FIREBASE_URL);
        $scope.fireEvents = $firebaseArray(ref);
        $scope.weekNumbers = true;
        $scope.aspectRatio = 3;
        $scope.editable = true;
        $scope.eventDrop = function (event, delta, revertFunc) {
            // todo event drop
        };
        $scope.dayClick = function (date, jsEvent, view) {
            $scope.fireEvents.$add({ title: 'new meeting...', start: date.format() });
        }
    }
})();

指令：

(function () {
    var app = angular.module("appCal");
    app.directive("sbCalendar", function () {
        return {
            link: function (scope, element, attrs) {
                scope.fireEvents.$loaded(function () {
                    $(element).fullCalendar({
                        header: {
                            left: 'prev,next today',
                            center: 'title',
                            right: 'month,agendaWeek,agendaDay'
                        },
                        eventLimit: scope.weekNumbers,
                        aspectRatio: scope.aspectRatio,
                        events: scope.fireEvents,
                        editable: scope.editable,
                        eventDrop: scope.eventDrop,
                        dayClick: scope.dayClick
                    });
                });
            } 
        } 
    });
})();