Ion-nav-view erratic animation


#1

Hi,
i am developing an app with ionic with many nested states. The following are the states.
.state(‘app.transactions’, {
url: “/transactions”,
abstract:true,
views: {
‘menuContent’: {
templateUrl: “/transactions.html”,
controller: ‘TransactionsCtrl’
}
}
})

    .state('app.transactions.details',{
        url:'/details/:id',
        abstract:false,
        views:{
            'transactionsParent': {
                templateUrl: "transaction.details.html",
                controller: 'transactionDetailsCtrl'
            }
        }
    })
	.state('app.transactions.landing', {
        url: "/landing",
        abstract:true,
        views: {
            'transactionsParent': {
                templateUrl: "transactions.landing.html",
                controller: 'TransactionsCtrl'
            }
        }
    })
    .state('app.transactions.landing.all', {
        url: '/all',
        views: {
            'landingAll': {
                templateUrl: "transactions.landing.all.html"
            }
        }
    })
    .state('app.transactions.landing.credit', {
        url: '/credit',
        views: {
            'landingCredit': {
                templateUrl: "transactions.landing.credit.html"
            }
        }
    })
    .state('app.transactions.landing.debit', {
        url: '/debit',
        views: {
            'landingDebit': {
                templateUrl: "transactions.landing.debit.html"
            }
        }
    })
    .state('app.transactions.landing.scheduled', {
        url: '/scheduled',
        views: {
            'landingScheduled': {
                templateUrl: "transactions.landing.scheduled.html"
            }
        }
    })

there are 4 tabs inside the landing page. Now from inside one of the landing pages, If I must go to the details page, animation occurs randomly. Say the first time I click an item and go into details, the animation does not work, then I go back select an other transaction item, it goes into details screen with animation. and this behavior keeps repeating.
The state changes from
app/transactions/landing/credit to app/transactions/details/id and back.

I have been trying to solve this problem for the last 2 days, but with no results. I want animations in the app but it has to be consistent. I unfortunately am not able to provide the whole code, but I hope the above mapping gives you some idea of the app.