Для начала убедимся что angular-animate модуль подключен к проекту:

1. подключен сам файл angular-animate.js
2. мы заинжектили ngAnimate модуль в наш проект

Теперь можем написать нашу анимацию:

[css]
[ui-view].ng-enter, [ui-view].ng-leave {
left: 0;
right: 0;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}

[ui-view].ng-enter {
opacity: 0;
}

[ui-view].ng-enter-active {
opacity: 1;
}

[ui-view].ng-leave {
opacity: 1;
}

[ui-view].ng-leave-active {
opacity: 0;
}
[/css]

И все, наслаждаемся анимацией при переходе.  Это работает с ui-router, с ngRoute вероятно тоже будет работать, если подправить селекторы.

Вот тут можно посмотреть живой пример. При выборе категории будет анимирована подгрузка контента.

Famo.us – not sure that I’ll use it for my project, but it looks really fancy.