How animation transition to other views?

I try to use “href”, but no animation transition.

$ionicViewSwitcher.nextDirection('forward');
    
$state.go("tab.dash");

This way has the animation transition, but is coming from the black.

I wan’t mainpage animation transition to tabs.home

 .state('mainpage', {
      url: "/mainpage",
      templateUrl: "templates/mainpage.html",
      controller: "mainCtrl"
    
    })
    .state('tabs', {
      url: "/tab",
      abstract: true,
      templateUrl: "templates/tabs.html"
    })
    .state('tabs.home', {
      url: "/home",
      views: {
        'home-tab': {
          templateUrl: "templates/home.html",
          controller: 'HomeTabCtrl'
        }
      }
    });

   $urlRouterProvider.otherwise("/mainpage");

Currently, these are only solutions.

I added “Android nav-transition=” and it had no effect. My is the transition between views.

Try looking at working examples, maybe you forgot to do something. It should work.