addListener in AngularJS

[Neil Camara]

Hi folks,

What is the addListener equivalent in AngularJS? A plunkr example would be awesome too!

Thanks in advance!

Neil

[Michael Dausmann]

hi Neil

You might need to be a bit more specific about what you are trying to achieve.  

In general, AngularJS helps you to avoid adding any listeners to your code directly e.g. instead of adding an on-click event listener directly, you would use an ng-click attribute on the element....

// add event listener to t
var el = document.getElementById("someelement");
el.addEventListener("click", someFunction, false);

<div ng-click="someFunction()">

If you are writing directives and you are familiar with JQuery,  you can add listeners on elements in the link function using a JQuery syntax...

1. return function(scope, element, attr) {
2. var startX = 0, startY = 0, x = 0, y = 0;
3.  
4. element.on('mousedown', function(event) {
5. // Prevent default dragging of selected content
6. event.preventDefault();
7. startX = event.pageX - x;
8. startY = event.pageY - y;
9. $document.on('mousemove', mousemove);
10. $document.on('mouseup', mouseup);
11. });

(from https://code.angularjs.org/1.2.16/docs/guide/directive)

If you want to want your client to listen for events from the server, then you might want to use a socket implementation with an angular wrapper like angular-socket-io (https://github.com/btford/angular-socket-io)

HTH

Michael

[Neil Camara]

Hi Michael,

I'm trying to convert the code in line 92. I'd like to know how I should listen for select/clicks on the pie chart. I already have a chart and I'm using google chart directive for angular which someone wrote.

http://jsfiddle.net/asgallant/QXJ7Q/3/

Thanks,

Neil

[Neil Camara]

Here is an example google chart for angular

http://plnkr.co/edit/E4iPtQ?p=preview