我在 Ionic Angular 中使用登录组件。当我登录时,我重定向到选项卡模块。之后,选项卡显示 tab1 屏幕。问题是标签栏消失了。我不知道这怎么会发生。
app.routing.module.ts
import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{
path: '',
loadChildren: () =>
import('./login/login.module').then((m) => m.LoginPageModule),
//import('./tabs/tabs.module').then((m) => m.TabsPageModule),
},
{
path: 'login',
loadChildren: () =>
import('./login/login.module').then((m) => m.LoginPageModule),
},
{
path: 'tabs',
loadChildren: () =>
import('./tabs/tabs.module').then((m) => m.TabsPageModule),
},
{
path: 'tabs/tab1',
loadChildren: () =>
import('./tab1/tab1.module').then((m) => m.Tab1PageModule),
},
{
path: 'tabs/tab2',
loadChildren: () =>
import('./tab2/tab2.module').then((m) => m.Tab2PageModule),
},
{
path: 'tabs/tab3',
loadChildren: () =>
import('./tab3/tab3.module').then((m) => m.Tab3PageModule),
},
{
path: 'edit-event',
loadChildren: () =>
import('./edit-event/edit-event.module').then(
(m) => m.EditEventPageModule
),
},
];
@NgModule({
imports: [
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules }),
],
exports: [RouterModule],
})
export class AppRoutingModule {}
tabs-routing.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: 'tab1',
loadChildren: () =>
import('../tab1/tab1.module').then((m) => m.Tab1PageModule),
},
{
path: 'tab2',
loadChildren: () =>
import('../tab2/tab2.module').then((m) => m.Tab2PageModule),
},
{
path: 'tab3',
loadChildren: () =>
import('../tab3/tab3.module').then((m) => m.Tab3PageModule),
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full',
},
],
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full',
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
})
export class TabsPageRoutingModule {}
login-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LoginPage } from './login.page';
const routes: Routes = [
{
path: '',
component: LoginPage,
},
{
path: 'tabs',
loadChildren: () =>
import('../tabs/tabs.module').then((m) => m.TabsPageModule),
},
{
path: 'tab1',
loadChildren: () =>
import('../tab1/tab1.module').then((m) => m.Tab1PageModule),
},
{
path: 'tab2',
loadChildren: () =>
import('../tab2/tab2.module').then((m) => m.Tab2PageModule),
},
{
path: 'tab3',
loadChildren: () =>
import('../tab3/tab3.module').then((m) => m.Tab3PageModule),
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class LoginPageRoutingModule {}
登录()
this.router.navigate(['/tabs']);
如果你能帮助我,请告诉我。