transição de fade-in / fade-out encadeada angularjs

Eu olhei para o exemplo oficial de transição show / hide na parte inferior desta página ...http://docs.angularjs.org/api/ng.directive:ngMostrar

Eu tentei modificá-lo para obter uma transição seemless do fade (transição: facilidade-in-out 0.5s da opacidade) de um div para o outro, onde ambos os divs ocupam exatamente a mesma posição na página, de modo que um div desaparece completamente antes que o outro div comece a desaparecer.

No jquery, seria tão simples como:

$("#divA").fadeOut(function() { $("divB").fadeIn(); });

Alguém tem algum conselho sobre a melhor maneira de conseguir isso com angular, com relação ao exemplo vinculado, que usa um único modelo "verificado" para acionar a transição?