Wie Sie eine Funktion der AngularJS-Anweisung aufrufen, wenn Sie auf eine beliebige Stelle auf der Seite klicken?

Question

Ich möchte close() -Funktion bei Klick irgendwo in der Seite aufrufen, hat aber nicht funktioniert. Ich habe geschrieben wie:

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); 

Bitte helfen, dieses Problem zu lösen.

Edited

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

Answer 1

Sie können einen click Handler schreiben innen link

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

Answer 2

Versuchen Sie es mit diesen clickElsewhere Richtlinie klicken Sie irgendwo außerhalb dieses DOM-Objekt zu erfassen.

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); 
       }; 
      } 
     }; 
    }); 

Sie können es verwenden, wie so in der Vorlage:

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