在我的控制器中,在单击事件时,我向页面添加一个指令,该指令将能够调用controllerFunc
$scope.addDirective = function(e,instance){ $scope.instance = instance; $(e.currentTarget.parentElement).append($compile('<my-directive myfunc="controllerFunc($event)" mydata={{instance}}/>')($scope)); }
在我的指令中,我进行了设置,以便在click事件(通过myfunc:&)上调用controllerFunc,并尝试通过$event传递click事件
app.directive('myDirective',function(){ return { restrict: 'AE',scope: { mydata: '@',myfunc: "&" },template: '<div class="row"><div class="col-4" ng-click="myfunc($event)"></div></div>',link: function(scope,elem,attrs){ //ommitted } } }
当我单击相关的div时,在控制器中调用controllerFunc,但事件被认为是未定义的.
$scope.controllerFunc = function(e){ //called on the click event but e is undefined }
有没有办法在这种情况下通过ng-click传递事件(即我在dom中添加了一个带有ng-click事件的模板?看起来它应该可以工作(因为click事件会触发函数)但是在controllerFunc中没有事件
在控制器功能内部,请注意参数的名称
'<my-directive myfunc="controllerFunc($event)" mydata={{instance}}/>')($scope));
它当前是“$event”,这不是一个使用$event关键字的函数,它只是一个有参数的函数,你必须提供它.为清楚起见,我会将$event更改为event.
现在,在你完成之后,你可以转到你的指令,并在你的指令的模板中,你设置ng-click param就像这样
template: '<div class="row"><div class="col-4" ng-click="myfunc($event)"></div></div>',
ng-click将调用&函数,但为了将它绑定到正确的参数,你必须使用稍微不同的语法,并匹配它应该匹配的参数的名称,所以
ng-click="myfunc($event)"
变
ng-click="myfunc({event: $event})"
假设您已将原始$事件更改为事件.
原文地址:https://www.jb51.cc/angularjs/141331.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。