Prevent permission denied errors from Firebase on logout (caused by active $firebaseArray & $firebaseObject connections not being destroyed). Example code follows John Papa's style guide.

app.module.js

(function () {
    'use strict';

    // keeps track of all open firebase connections to be $destroy'ed
    // when logging out. stored as a global variable since config doesn't
    // have $rootscope and needs to be globally accessible
    window.openFirebaseConnections = [];

    angular
        .module('app', [
            // Third party modules.
            'firebase',
            // Custom modules.
            'app.auth'
        ])
        .config(configFunction)
        .run(runFunction);

    configFunction.$inject = ['$provide'];

    function configFunction ($provide) {
        // inject the $delegate dependency into our decorator method
        firebaseDecorator.$inject = ['$delegate'];

        // Whenever $firebaseArray's and $firebaseObjects are created, 
        // they'll now be tracked by window.openFirebaseConnections
        $provide.decorator("$firebaseArray", firebaseDecorator);
        $provide.decorator("$firebaseObject", firebaseDecorator);

        function firebaseDecorator ($delegate) {
            return function (ref) {
                var list = $delegate(ref);
                window.openFirebaseConnections.push(list);
                return list;
            };
        }
    }
    
    // EVERYTHING BELOW IS BOILERPLATE FROM THE FIREBASE SAMPLE PROJECT
    
    runFunction.$inject = ['$location'];

    function runFunction ($location) {
        $rootScope.$on('$routeChangeError', function (event, next, previous, error) {
            if (error === "AUTH_REQUIRED") {
                $location.path('/login');
            }
        });
    }

})();

auth.service.js

// this should be the service where your logout method lives

(function () {
    'use strict';

    angular
        .module('app.auth')
        .factory('authService', authService);

    authService.$inject = [
        '$firebaseAuth', 
        '$location', 
        '$window', 
        'alertService', 
        'firebaseDataService'
    ];

    function authService ($firebaseAuth, $location, $window, alertService, firebaseDataService) {
        // defined here due to dependencies
        var firebaseAuthObject = $firebaseAuth(firebaseDataService.root);

        var service = {
            isLoggedIn: function () { return firebaseAuthObject.$getAuth() },
            login: function (user) { return firebaseAuthObject.$authWithPassword(user) },
            logout: logout
        };

        return service;

        ////////////

        function logout () {
            // destroy all firebase refs
            angular.forEach($window.openFirebaseConnections, function (item) {
                item.$destroy();
            });
            
            // redirect the user to a page they're authorized to view when unauth'd
            $location.path('/');
            
            // unauth the user
            firebaseAuthObject.$unauth();
        }
    }
})();

Stop Permssion Errors on Firebase & AngularFire Logout - README.md

Credit

Heavily informed by the work of @katowulf in this gist - https://gist.github.com/katowulf/f264e7e0c7b8cefd1bcf/eddbadfbafe9e1fe658c51e43e25ac51e26d65b6

License

MIT

Versions Used

• Angular === 1.5.0
• Firebase === 2.4.1
• AngularFire === 1.1.4

hey man. do you know if there are any similar angular 2 implementations of this solution?