如何在angularjs指令中生成事件监听器函数？

Question

如何在angularjs指令中生成事件监听器函数？

这样的事情：

指令：

app.directive('myDirective',() => { 
    return { 
     scope: { 
      myDict: '=', 
     }, 
     templateUrl: 'directives/my-directive', 
    }; 
}); 

HTML：

<!-- my-directive.html --> 

<li ng-repeat="(key, value) in myDict"> 
    <!-- Will not work --> 
    <a onclick="function_written_in_frontend({{key}})">{{value}}</a> 
</li> 

使用它：

<my-directive myDict="{'a': 1, 'b': 2, 'c': 3}"></my-directive> 

我希望的是，它可能会产生：

<li> 
    <a onclick="function_written_in_frontend('a')">1</a> 
    <a onclick="function_written_in_frontend('b')">2</a> 
    <a onclick="function_written_in_frontend('c')">3</a> 
</li> 

但我不能。而ng-click可能不是这里的解决方案。

Thx提前。

---

更新：

如果我更新了我的指令是这样的：

app.directive('myDirective',() => { 
    return { 
     scope: { 
      myDict: '=', 
     }, 
     controller: function ($scope, $element) { 
      $scope.function_written_in_frontend = function(mykey) { 
       console.log(mykey); 
      } 
     }, 
     templateUrl: 'directives/my-directive', 
    }; 
}); 

，这让我：

{{key}} 
{{key}} 
{{key}} 
{{key}} 

Answer 1

尝试ng-click代替onclick

<a ng-click="function_written_in_frontend(key)">{{value}}</a>