Hey,I‘m from China,this is my first post:).
I google this case for many solutions but no one can solve my problem.
Here is my problem:
js:
.state(“tabs”,{
url:“/tab”,
abstract: true,
templateUrl: “templates/tabs.html”,
controller:“tabCtrl”
})
.state(‘tabs.home’, {
url: “/home”,
views: {
‘home-tab’: {
templateUrl: “templates/home.html”,
controller:“homeCtrl”
}
}
})
.state(‘detail’,{
url:“/detail/:msgId”,
templateUrl: “templates/detail.html”,
controller:“detailCtrl”
});
When I navigate to my detail page from home page, ionic don’t display the back button on detail page and there is no animation,so I found this solution from http://stackoverflow.com/questions/32598893/how-to-force-ionic-display-back-button-on-certain-page,and add nav-direction in home page :
<a ng-bind-html="item.text | linkformat" ui-sref="detail({msgId:'{{item.id}}'})" class="text" nav-transition="ios" nav-direction="forward"></a>
.controller(‘yourCtrl’, function($scope) {
$scope.$on(‘$ionicView.beforeEnter’, function (event, viewData) {
viewData.enableBack = true;
});
})
so the back button display again,but when I click it and back to home page, the animation disappear again.I change the ion-nav-view like this,but it does not help.
<ion-nav-view animation="slide-left-right"> </ion-nav-view>