ngAnimate - new view shows underneath old view

Angular 1.5.6 with ngAnimate

I am having a issue when the view changes, the new view shows undeeath the old view until the animation is complete...doneFn() will be called and the old view will be removed. How can I make it that the new view does not show right away?

<div class="viewport row">
   <div class="col-xs-12 clouds" ng-view></div>
</div>

  angular
    .module('gulpNewy', ['ngRoute','ngAnimate'])

    .animation('.clouds', [function() {
      retu {
        leave: function(element, doneFn) {
          window.scrollTo(0, 0);
          runClouds();
          setTimeout(doneFn, 1800);
        }
      }