Wie kann ich eine Funktion aus meiner angular-js-Direktive ng-klicken?

Question

Ich kann nicht herausfinden, wie eine Funktion von meiner Direktive mit ng-Klick aufgerufen wird. Diese

ist ein Beispiel für meine HTML:

<div> 
    <directive-name data="exemple"> 
     <button class=btn btn-primary type="submit" ng-click="search()"> 
    </directive-name> 
</div> 

Dies ist ein Beispiel meiner javascript:

... 
.directive('directiveName', ['exempleService', function(exempleService) { 
    function link(scope, element, attrs) { 

     scope.search = function() { 
      console.log("this is working") 
     }; 
    }; 

    return { 
     link: link, 
     restrict: 'E', 
     scope: {data:'=', 
     search:'&'} 
    } 

}]); 

Vielen Dank im Voraus! :)

Answer 1

Sie ein directive schaffen sein sollte, die die button in der Richtlinie Vorlage enthält (entweder als HTML oder eine externe Datei).

VIEW

<div ng-app="app"> 
    <directive-name data="exemple"></directive-name> 
</div> 

RICHTLINIE

var app = angular.module('app', []) 

app.directive('directiveName', function() { 
    return { 
    restrict: 'E', 
    link: function(scope, element, attrs) { 
     scope.search = function() { 
     alert('boe'); 
     } 
    }, 
    template: '<button class=btn btn-primary type="submit" ng-click="search()">CLICK</button>' 

    } 
}) 

FIDDLE

Answer 2

Ihre Schaltfläche in Ihrer Richtlinie Vorlage müssen

.directive('directiveName', ['exempleService', function(exempleService) { 
    function link(scope, element, attrs) { 

     scope.search = function() { 
      console.log("this is working") 
     }; 
    }; 

    return { 
     link: link, 
     restrict: 'E', 
     template: '<div><button class=btn btn-primary type="submit" ng-click="search()"></div>' 
     scope: {data:'=', 
     search:'&'} 
    } 

}]);