关于ionic路由跳转中back button 不出现的问题

    xiaoxiao2022-06-24  40

    github论坛上有人给出答案: The back button does not display because when you go into a tab, it enter's it own "history", meaning each tab has its own navigation back and forward. 因此,无论是从tabs中跳出,还是跳入tabs,都将不会继承back button,例如http://plnkr.co/edit/jKII2S3uEnEOVDy9WBA2?p=preview 那么如何解决这种交互上面的巨大不爽: 在stackOverflow上有这样的答案:

    You can tell it in your controller. Try:

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

    But like LeftyX said. The history function for tab to non tab view is buggy.

    当然,还有另外一种方法,这种方法可能在各方面而言会稍微好一点,就是自己实现一个tabs,如下: <ion-viewtitle="tabs"><ion-contentpadding="false"><ion-pane><ion-nav-viewname="tab-content"></ion-nav-view></ion-pane><divclass="tabs tabs-icon-top"style="position: absolute;bottom:0;"><aclass="tab-item"><iclass="icon ion-home"></i> Home </a><aclass="tab-item"><iclass="icon ion-star"></i> Favorites </a><aclass="tab-item"><iclass="icon ion-gear-a"></i> Settings </a></div></ion-content></ion-view> 之后再利用state模板来加载不同的dom树,也就是ui.route里面的不同模板下的子块代码和分割controller 当然,这种方法也会有不好的点,尽管在从tabs跳出去的时候能生效的,但是从普通页面跳回tabs的时候,那个返回按钮会一直存在着,这个也许比刚才那个还会让人困扰(在某些情况下- -,尤其你还打算在tabs里面往里面跳的时候)~
    转载请注明原文地址: https://ju.6miu.com/read-1124015.html

    最新回复(0)