I am new to Angular and am trying to create a directive that listens for event handlers. I have a plunker
http://plnkr.co/edit/3EpSipEm2B16qNfHfNIx?p=preview Here is my script.js var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope) { $scope.numbers = [1,4,7,10,13,72,56,54,89,132,159,19]; }); app.directive('myDirective', function() { return { restrict: 'A', link: function(scope, element, attrs) { element.bind('click', function() { alert('hi'); }); } }; }); Here is my index.html <!doctype html> <html ng-app="myApp"> <head> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"; ></script> <script src="script.js"></script> </head> <body ng-controller="myCtrl"> <p>{{numbers}}</p> <button myDirective>Click Here</button> </body> </html> I'm not sure why this doesn't work. Any help will be appreciated. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
