Animations?

My states are defined as follows:

.config(function($stateProvider, $urlRouterProvider) {
 $stateProvider

//First page
.state('login', {
  url: '/login',
  templateUrl: 'templates/login.html',
  controller: 'LoginCtrl'
})

// setup an abstract state for the tabs directive
.state('tab', {
  url: '/tab',
  abstract: true,
  templateUrl: 'templates/tabs.html'
})

// Each tab has its own nav history stack:
.state('tab.home', {
  url: '/home',
  views: {
    'tab-home': {
      templateUrl: 'templates/tab-home.html',
      controller: 'HomeCtrl'
    }
  }
})

.state('tab.profile', {
  url: '/profile',
  views: {
    'tab-profile': {
      templateUrl: 'templates/tab-profile.html',
      controller: 'ProfileCtrl'
    }
  }
})

In each of the templates I encapsulate everything in and that is all, I do not use “no-animation”