How to access a dom element in a Angular directive

Question

I am trying to attach a keyup event to a directive in my Angular project. Here is the directive:

angular.module(\'clinicalApp\').directive(\'chatContainer\'         


        

Answer 1

You can easily do it with Angular' element' find() method:

 var chatbox = elem.find("textarea");  // Finding
 chatbox.bind("keyup",function(){      // Binding
     console.log("KEYUP!")
 })

Live example: http://jsfiddle.net/cherniv/S7XdK/

Answer 2

You can use element.find(yourSelector) as previously mentioned, but it is better to use ngKeyUp, similar to how you would use ngClick:

https://docs.angularjs.org/api/ng/directive/ngKeyup