My syntax was a little wrong for the example directive:
angular.module('myApp', []).directive('catchTransitions', function(){
return{
link: function(scope,element){
//if you included jquery, now you can do typical stuff with it
$(element).bind('transitionend', function(e){ //be aware of other
event names from other browsers vendor-prefixed
console.log(''got a css transition event", e)
})
}
})
On Tuesday, February 25, 2014 12:18:28 AM UTC-7, Luke Kende wrote:
>
> You can create a directive to do this and add it to the body tag if you
> want just one catch for any 'transitionend" event. Event handling in
> Angular and say jQuery are very different systems, so the $on events are
> only for built-in angular events or where you $broadcast or $emit an event
> purposely.
>
> <body catch-transitions>
> <!-- your html -->
> </body>
>
> angular.module('myApp', []).directive('catchTransitions', function(){
> link: function(scope,element){
>
> //if you included jquery, now you can do typical stuff with it
>
> $(element).bind('transitionend', function(e){ //be aware of other
> event names from other browsers vendor-prefixed
>
> console.log(''got a css transition event", e)
>
> })
> })
>
> On Monday, February 24, 2014 6:18:36 PM UTC-7, Jake K. wrote:
>>
>> Hello
>>
>> How can I listen to CSS3 transition events in angularjs?
>>
>> So far I've tried with $rootScope.$on but it's not working.
>>
>> Thanks
>>
>
--
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/groups/opt_out.
