javascript - 如何知道 ngClick 何时触发元素？

Question

我有以下元素，

<button test-directive>value</button>

我知道我可以使用ng-click directive，但是我必须从控制器调用一个函数。当用户单击时，我想触发示例中调用的指令test-directive

testModule.directive('testDirective', function(){
return {
    restrict: 'A',
    link: function(scope, element, attrs) {      }
  }
})

如何在该指令中实现 ng-click？

谢谢你

Answer 1

不知道我是否明白你的想法。

这是plunker

directive('testDirective', function(){
return {
    restrict: 'A',
    replace:true,
    template:'<button ng-click="fire()">test</button>',
    controller:function($scope, $element, $attrs){
        $scope.fire = function (){
            console.log("fire !");
        };
    }
  };
});

Answer 2

maxisam 的答案是正确的，但是

你可以用 它<span test-directive>value</span>代替<button test-directive>value</button>它仍然会显示按钮。

普朗克