我正在构建一个 ionic 包,具有多个 View 。我使用路线提供程序在不同 View 之间导航。
app.js
.config(function($routeProvider,$locationProvider){
$routeProvider
.when('/search',
{
controller : 'MyController',
templateUrl : 'partials/search.html'
})
.when('/not-found/:className',
{
controller : 'MyController',
templateUrl : 'partials/not-found.html'
})
我的index.html
<body ng-app="MyApp">
<ng-view></ng-view>
</body>
</html>
问题是我手机上的后退按钮不起作用。即它不记得历史记录。
例如,如果我从 search.html 转到 not-found.html,当我按手机上的后退按钮时,我希望它返回到 search.html,而不是关闭我的应用程序。
我查看了 ionic 论坛,让后退按钮工作的建议方法是使用 ion-nav-view。如果我用 ion-nav-view
替换 ng-view
,则搜索/未找到页面不会呈现,我什至尝试添加 ion-view
在搜索/未找到的 html 页面上。
1)您能否建议一种让我的后退按钮正常工作的方法?
最佳答案
为了实现这一点,您实际上需要捕获硬件后退按钮按下事件并相应地执行导航,或者您可以使用ion-nav-back-button ..
捕获硬件后退按钮事件:
$ionicPlatform.registerBackButtonAction(function () { if (condition) { navigator.app.exitApp(); } else { // handle back action! } }, 100);
更多详情请参见here
使用 ion-nav-back-button
<ion-nav-bar> <ion-nav-back-button class="button-clear"> <i class="ion-arrow-left-c"></i> Back </ion-nav-back-button> </ion-nav-bar>
有关此内容的更多详细信息,请参阅 here
关于angularjs - ionic - ionic 导航 View 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27632579/