ionic4 tabs相关问题

1.app-routing.module.ts根路由文件中配置

{ path: '', loadChildren: './tabs/tabs.module#TabsPageModule', canActivate: [LoginGuard]},
{ path: 'sell', loadChildren: './pages/sell/sell.module#SellPageModule' , canActivate: [LoginGuard] }

2.在tabs.router.module.ts子路由文件中配置

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'home',
        children: [
          {
            path: '',
            loadChildren: '../pages/home/home.module#HomePageModule'
          }
        ]
      },
      {
        path: 'my',
        children: [
          {
            path: '',
            loadChildren: '../pages/my/my.module#MyPageModule'
          }
        ]
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/home',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class TabsPageRoutingModule {}

3.tabs.page.html文件中


  
    
      
      首页
    

    
      
      我的
    
  

问题:

这样配置好tabs路由后是可以跳转的,但是如果从首页点击进入sell页面时,再从sell页面返回浏览器路由直接就变为了tabs,虽然页面展示的是首页,但是不会调用首页的任何生命周期函数,怎么解决呢

你可能感兴趣的:(ionic4 tabs相关问题)