gpt4 book ai didi

ionic-framework - 导航后退按钮未在ion-view ionic中显示

转载 作者:行者123 更新时间:2023-12-04 13:58:33 24 4
gpt4 key购买 nike

我想在 ionic View 中创建导航后退按钮。我尝试以下代码:

<ion-view view-title="Event details">
<ion-nav-back-button class="button-clear">
<i class="ion-arrow-left-c"></i> Back
</ion-nav-back-button>
<ion-content >
</ion-content>
</ion-nav-view>

但是我不明白。任何帮助都将不胜感激。

最佳答案

如果没有历史记录,则不会显示“后退”按钮。刷新页面或应用程序后,历史记录将被删除。在浏览器中进行开发时,这很常见。但这不会在设备中出现,因为您无法刷新应用程序。

显示后退按钮的第一种方法

index.html中的

<body ng-app="starter" ng-controller="AppCtrl" class="">
<ion-nav-bar id="mainNav" class="bar-dark">
<ion-nav-back-button class="button-clear">
<i class="icon ion-ios-arrow-back"></i>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view animation="slide-left-right" class="scFont appFontSmall"></ion-nav-view>
</body>

显示后退按钮的第二种方法是自己处理。 index.html可以具有与上面相同的代码。但是一个 View 会有这样的东西
<ion-view  view-title="Title"  hide-back-button="true"> 
<ion-nav-buttons side="left">
<a ng-click="goBackState()" class="button button-icon icon ion-ios-arrow-back"></a>
</ion-nav-buttons>
<ion-content>
</ion-content
</ion-view>

goBackState()是您可能想放置在app.run函数中的函数
$rootScope.goBackState = function(){
$ionicViewSwitcher.nextDirection('back');
$ionicHistory.goBack();
}

但是请记住,如果没有历史记录,此功能也将不起作用。希望这可以帮助

关于ionic-framework - 导航后退按钮未在ion-view ionic中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36749500/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com