ページ上の任意の場所をクリックすると、AngularJS指令の関数を呼び出す方法は？

Question

ページ内の任意の場所をクリックしてclose（）関数を呼び出そうとしましたが、機能しませんでした。私は次のように書いています：

var liveSearch = function() { 
return { 
    restrict: "A", 
    scope: { 
     myData: '=', 
     ngModel: '=' 
    }, 
    templateUrl: "/js/app/common/template/livesearch.html", 
    link: function ($scope, element, attrs) { 

     var close = function() { 
      $scope.status = "close"; 
     }; 

     $scope.open = function() { 
      $scope.status = "open"; 
     }; 

     $(document).on('click',function(){ 
      close(); 
     }); 
    } 
}; 
app.directive("liveSearch", liveSearch); 

この問題を解決するにはどうすればいいですか？

編集

<div live-search my-data="data" ng-model="typeId" ></div> 

Answer 1

あなたはそのDOMオブジェクト以外の場所をクリックを検出するために、このclickElsewhereディレクティブを使用してみてくださいlink

link:function($scope, element, attrs)){ 
    $scope.close = function(){ 
    // Rest of the code 
    }  
    $('body').on('click',function(event){ 
     $scope.close(); 
     }) 
    } 

Answer 2

内部clickハンドラを記述することができます。

あなたのテンプレートにそうようにそれを使用することができます

directive('clickElsewhere', function($parse, $rootScope) { 
     return { 
      restrict: 'A', 
      compile: function($element, attr) { 
       var fn; 
       fn = $parse(attr['clickElsewhere']); 
       return function(scope, element) { 
        var offEvent; 
        offEvent = $rootScope.$on('click', function(event, target) { 
         if (element.find($(target)).length || element.is($(target))) { 
          return; 
         } 
         return scope.$apply(function() { 
          return fn(scope); 
         }); 
        }); 
        return scope.$on('$destroy', offEvent); 
       }; 
      } 
     }; 
    }); 

：

<div live-search my-data="data" ng-model="typeId" click-else-where="close()"></div>