Angularjs 如果元素可见，则应用Angular JS指令

我已经编写了下面的指令来关闭

元素，只要在元素外部单击，我希望该指令在元素可见时开始执行；当前，无论元素是否可见，它都会在文档上的每个单击事件上执行

app.directive("outsideClick", ['$document','$parse', function( $document, $parse ){
            return {
                link: function( $scope, $element, $attributes ){
                    var scopeExpression = $attributes.outsideClick,
                        onDocumentClick = function(event){
                            var isChild = $element.find(event.target).length > 0;
                            if(!isChild) {
                                    $scope.$apply(scopeExpression);
                            }
                        };

                    $document.on("click", onDocumentClick);

                    $element.on('$destroy', function() {
                        $document.off("click", onDocumentClick);
                    });
                }
            }
        }]);

---

您好，您可以尝试一下angular，您可以发布html代码吗？