如何在返回特定页面的离子标签页时设置动画？

Question

我谷歌这个案例的许多解决方案，但没有人可以解决我的问题。 这是我的问题： 我需要从一些视图转到详细页面，所以我创建了一个新的路由器。

.state('detail',{
  url:"/detail/:msgId",
  templateUrl:"templates/detail.html",
  controller:"detailCtrl"
});

当我从主页导航到我的详细信息页面时，离子不显示详细信息页面上的后退按钮，并且没有动画，所以我从How to force Ionic display back button on certain page?找到了此解决方案，并添加了nav方向在主页：

主页：

<a ng-bind-html="item.text | linkformat" ui-sref="detail({msgId:'{{item.id}}'})" class="text" ​nav-transition="ios" nav-direction="forward"></a>

detai页面控制器：

.controller('yourCtrl', function($scope) {
$scope.$on('$ionicView.beforeEnter', function (event, viewData) {
viewData.enableBack = true;
});

})

所以后退按钮再次显示，但当我点击它并返回主页时，动画再次消失。我改变了这样的离子导航视图，但它没有帮助。

<ion-nav-view animation="slide-left-right">