指令内部的函数运行两次

Question

我有一个在5个不同视图中使用的指令。我在视图中有我的指令，然后在指令中为每个范围添加一个特定的函数，其中表示了指令。之后，我可以通过单击按钮来调用此函数，该按钮是指令中模板的一部分。但由于某种原因，函数inside指令被多次调用。

这是指令代码：

app.directive('testDirective', function ($parse, $state, $compile) {
    var directiveDefinitionObject = {
        restrict: 'E',
        //transclude: false,
        replace: true,
        template: "<button type='button' class='btn btn-primary pull-left ' data-dismiss='modal' ng-click='myFunnyFunction()'>func</button>",
        link: function (scope, element, attrs) {
            scope.testData = data;

            scope.myFunnyFunction = function () {
                console.log(scope.testData)
                //some stuff done here
            }
        }
    };

    return directiveDefinitionObject;
});

是否因为消化周期？