How to implement FAB fadein in angular-material?

Question

Angular

Good afternoon. According to the material design guide , when switching to another page, the FAB button should do fadein and when rendering a new one, respectively, fadeout.
Any thoughts on how to implement this, taking into account the transition through ui-router?
Plunkr
i.e. when switching to another state, it is necessary that the button collapses and another one appears. Do this in the controller of each new state? Some kind of function that quickly collapses?
Update It seems that while I was resting, mankind invented the phone, the car, the plane, and NgAnimate. I will change the question - How to do this using animate.css, given that the button on a different state may be different? Let's say there was an add button, and now we need to edit
Update2
Something like this -plnkr.co/edit/SgLeUt?p=preview But how can I make it so that when zooming it does not go under the toolbar?