文章/答案/技术大牛

发布

社区首页 >问答首页 >显示硬件后退按钮的ionic 4 navigateRoot()

问显示硬件后退按钮的ionic 4 navigateRoot()
EN

Stack Overflow用户

提问于 2019-08-28 18:16:46

回答 2查看 607关注 0票数 1

我有一个登录页面，当身份验证成功时，它会将用户导航到主页，为此，我使用来自angular路由器的navigateRoot()方法。

但当我这样做时，硬件的后退按钮仍然有效，并允许我返回到主页。

是我做错了什么，还是这是个bug？下面是用于导航的代码：

if (user) {
    this.buttonDisabled = false;
    this.loggingIn = false;
    this.navCtrl.navigateRoot('/home');
}

我的路由是这样定义的：

const routes: Routes = [
  {
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: 'home',
    loadChildren: './pages/home/home.module#HomePageModule',
  },
  {
    path: 'list',
    loadChildren: './pages/list/list.module#ListPageModule'
  },
  {
    path: 'login',
    loadChildren: './pages/login/login.module#LoginPageModule'
  },
  { path: 'task', loadChildren: './pages/task/task.module#TaskPageModule' },
  { path: 'door', loadChildren: './pages/door/door.module#DoorPageModule' },
  { path: 'work', loadChildren: './pages/work/work.module#WorkPageModule' },
  { path: 'address-search', loadChildren: './modals/address-search/address-search.module#AddressSearchPageModule' },
  { path: 'parts-list', loadChildren: './modals/parts-list/parts-list.module#PartsListPageModule' }
];

环境信息：

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.6.2
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 13 other plugins)

System:

   ios-deploy : 1.9.4
   ios-sim    : 8.0.0
   NodeJS     : v12.9.0 (/usr/local/Cellar/node/12.9.0/bin/node)
   npm        : 6.11.2
   OS         : macOS
   Xcode      : Xcode 10.3 Build version 10G8

我希望我不是唯一一个有这个问题的人，它让我发疯。

提前感谢

angular

ionic-framework

ionic4

router

回答 2

Stack Overflow用户

发布于 2020-02-01 04:01:04

我遇到了这个问题，就像你描述的那样。在我的app.component.html文件中，我遗漏了<ion-router-outlet>的<ion-app>包装器。我把它放进去，它就修好了。

票数 1

Stack Overflow用户

发布于 2019-08-28 20:02:56

在主页上，像这样处理硬件后退按钮以关闭应用程序：

E.g

   ionViewDidEnter(){
          this.subscription = this.platform.backButton.subscribe(()=>{
              navigator['app'].exitApp();
          });
   }

        ionViewWillLeave(){
              this.subscription.unsubscribe();
        }

编辑:如果这不起作用，请这样做：

this.platform.backButton.subscribeWithPriority(1, () => {
        //on or the other will work depending on hardware
        navigator['app'].exitApp();
 });

这将在主页上关闭您的应用程序。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57690093

复制

相似问题

问显示硬件后退按钮的ionic 4 navigateRoot()
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示硬件后退按钮的ionic 4 navigateRoot()EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示硬件后退按钮的ionic 4 navigateRoot()
EN