rallly/public/js/controllers/navigation.controller.js

angular.module('rallly')
.controller('NavigationCtrl', function($scope, $rootScope, $location, $document){
    $scope.isActive = function(path) {
        if ($location.path() == path) {
            return true;
        } else {
            return false
        }
    }



    var clickHandler = function(event){
        var isClickedElementChildOfPopup = angular.element('.main-navigation').find(event.target).length > 0;
        console.log(isClickedElementChildOfPopup);
        if (isClickedElementChildOfPopup) return;
        $scope.toggleMenu()
    }

    $rootScope.$on('$stateChangeSuccess', function(){
        angular.element('body').removeClass('open-menu');
        $document.unbind('click', clickHandler);
    });

    $scope.toggleMenu = function(){
        var isOpen = angular.element('body').hasClass('open-menu');
        if (isOpen) {
            angular.element('body').removeClass('open-menu');
            $document.unbind('click', clickHandler);
        } else {
            angular.element('body').addClass('open-menu');
            $document.bind('click', clickHandler);
        }
    }


})