In order to get the effect is was looking for with ngAnimate and ngView, I had to add relative positioning to the div element the ngView and ngAnimate directives are attached to. I did this by adding an id attribute with a value of “ng-view”. This was necessary because the view templates being animated will be given absolute positioning for the duration of their animation. Since I’m using Twitter Bootstrap, I nested ngView inside a div with the “container” class. If I hadn’t done that, It would have had to give “ng-view” a width, and set it’s left and right margins to auto.
The markup for the partial templates being animated in and out of ngView needed to be placed within one div tag or whatever element you’re using, and because the templates are given absolute positioning while they are being animated, they needed a width of 100%.