$animate.leave only gets called after digest? about angular-toastr

[Foxandxss]

I am on mobile so I Cant give much details.

The animation only happen after digest so you need to trigger a digest.

The reason you have that issue is because those events are browser events that runs without angular knowledge. Wrap the toastr call inside an $apply. Use the scope of that directive. If that is not a directive you are doing it wrong.

[sroe]

But directives are for DOM elements, I use the toastr messages inside controller's.
Or do you mean the dismiss call? So you would mean I'll have to put that dismissToast function call inside a directive and call $scope.$apply(toastr.clear()); via that directive (but still with the event handler)?

[Foxandxss]

What you are doing is DOM manipulation. You are grabbing DOM and you are adding events to it.

The only place on the world to do that is inside a directive, there are exceptions, that is not one of those.

I would create a directive and add it on tag or something.

[sroe]

😄 yeah $document is working on DOM, I have forget that because I only thought of the toastr.clear(); function call... Thanks for bringing me back on the right path, at the moment I havee a quick and dirty solution with using $rootScope.$digest(); inside the handler.
I didn't thought of using a directive in this case, because I didn't see that it's the angular way I'll have to go here.