ClickOutside handler for angularjs

    .directive('clickOutside', ['$parse', function ($parse) {
        return {
            restrict: 'A',
            link: function link(scope, iElement, iAttrs) {
                var eventHandler = $parse(iAttrs.clickOutside),
                    clickEvalFunction = function (e) {
                        var container = $(iElement);
                        if (!container.is(e.target) // if the target of the click isn't the container...
                            && container.has(e.target).length === 0) // ... nor a descendant of the container
                        {
                            scope.$apply(function () {
                                eventHandler(scope, { $event: e });
                            });
                        }

                    };

                scope.$watch(function (scope) {
                    return typeof (iAttrs.clickOutsideConditional) == 'undefined' || scope.$eval(iAttrs.clickOutsideConditional) ;
                }, function (newValue) {
                    if (newValue) {
                        $(document).on('click touchstart', clickEvalFunction);
                    } else {
                        $(document).off('click touchstart', clickEvalFunction);
                    }
                });
                iElement.on('$destroy', function() {
                    $(document).off('click touchstart', clickEvalFunction);
                });
            }
        }
    }])