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

012を試してみてください