AngularJS + ui-router debug snippet

gistfile1.js

    
    app.run(function($rootScope) {
        $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
            console.group('$stateChangeStart ' + fromState.name + ' => ' + toState.name);

            console.group('from:');
            console.log(fromState);
            console.log(fromParams);
            console.groupEnd();

            console.group('to:');
            console.log(toState);
            console.log(toParams);
            console.groupEnd();

            console.groupEnd();
        });
        $rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams) {
            console.group('$stateChangeError ' + fromState.name + ' => ' + toState.name);

            console.group('from:');
            console.log(fromState);
            console.log(fromParams);
            console.groupEnd();

            console.group('to:');
            console.log(toState);
            console.log(toParams);
            console.groupEnd();

            console.groupEnd();
        });
    })