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>，它仍会显示按钮。

Plunker

如何知道ngClick在元素上何时触发？

2 个答案: