未定义将$ event传递给angularjs指令

时间:2017-08-15 03:17:17

标签: javascript angularjs angularjs-directive

我正在尝试传递$event上下文以在控制器上运行,但是接收未定义的参数

我的代码:

directive('setting', function() {
 return {
  restrict: 'E',
  template: `
    <div class='dropdown setting'>
        <button type='button'>
            {{getSettingHTML($event)}}
        </button>
    </div>

};

和我的控制器功能:

 $scope.getSettingHTML = function(e) {
   console.log(e);
 };

 // return e == undefined 

{{getSettingHTML('xxx')}}我得到了正确的字符串。

如何获得调用函数的目标?

谢谢!

1 个答案:

答案 0 :(得分:1)

这个$活动来自哪里?点击按钮?如果是这样,那么$ event将成为onClick事件的第一个参数,如下所示:

<button ng-click="getSettingHTML($event)">click me!</button>