Edit Question - KnowledgeHub

Title Body

Seems pretty simple, but I can't get $event to bubble up from my directive. When test gets called from cb-click , $event is undefined, but outside of a directive (via html), it's the event object. If I use a linking function (not included in my fiddle), I can get $event , but I can't $parse/$eval it against the right scope. http://jsfiddle.net/langdonx/KgcGY/ <div ng-app="app" ng-controller="x">  <checkbox cb-model="y" cb-click="test($event, b)"></checkbox>  <div><input id="c2" type="checkbox" ng-model="x" ng-click="test($event, 'a')"> <label for="c2">{{x}}</label></div> </div> - var app = angular.module('app', []); app.directive('checkbox', function ($parse) { return { restrict: 'E', replace: true, scope: { cbModel: '=', cbClick: '&' }, template: '<div><input id="c1" type="checkbox" ng-model="cbModel" ng-click="cbClick($event, \'a\')"> <label for="c1">{{cbModel}}</label></div>' }; }); app.controller('x', function x($scope) { $scope.x = true; $scope.y = true; $scope.test = function (ev, b) { console.log('test called, ev is', ev, 'b is', b); return 'xyz'; } });

Tags (comma-separated) Cancel