Angular懒路由忽略父路径
创始人
2024-10-27 23:01:26
0

在Angular中,可以通过使用{ path: '', pathMatch: 'full', redirectTo: 'child-route' }来忽略父路径。这样,当导航到父路径时,它会自动重定向到子路径。

下面是一个示例代码:

在父组件的路由模块中(如app-routing.module.ts):

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ParentComponent } from './parent.component';

const routes: Routes = [
  {
    path: '',
    pathMatch: 'full',
    redirectTo: 'child-route'
  },
  {
    path: 'child-route',
    component: ParentComponent,
    loadChildren: () => import('./child/child.module').then(m => m.ChildModule)
  }
];

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

在子组件的路由模块中(如child-routing.module.ts):

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ChildComponent } from './child.component';

const routes: Routes = [
  {
    path: '',
    component: ChildComponent
  }
];

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

请注意,上述示例假设有一个名为ChildComponent的子组件,其对应的模块为ChildModule。你需要相应地调整和配置你自己的父组件和子组件。

相关内容

热门资讯

5分钟脚本!欢聚水鱼智能辅助教... 您好,欢聚水鱼智能辅助教程这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很...
第四分钟方式!wpk是真的还是... 第四分钟方式!wpk是真的还是假的(透视)都是真的有辅助教程(哔哩哔哩)1、金币登录送、破产送、升级...
第3分钟演示!wepoker底... 第3分钟演示!wepoker底牌透视(透视)其实是有辅助脚本(哔哩哔哩)wepoker底牌透视破解侠...
第三分钟安装!佛手大菠萝辅助,... 第三分钟安装!佛手大菠萝辅助,微友辅助神器下载(果然存在有辅助软件)-哔哩哔哩1、许多玩家不知道微友...
第五分钟安装!欢乐茶坊辅助,乐... 您好,乐乐围棋入门辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩...
4分钟法子!wepoker可以... 4分钟法子!wepoker可以开透视吗(透视)原来真的有辅助脚本(哔哩哔哩)1、超多福利:超高返利,...
第四分钟辅助!科乐辅助视频,一... 第四分钟辅助!科乐辅助视频,一起宁德钓蟹脚本(都是有挂辅助工具)-哔哩哔哩1、超多福利:超高返利,海...
2分钟讲义!wepoker免费... 2分钟讲义!wepoker免费脚本咨询(透视)总是是有辅助插件(哔哩哔哩)1、wepoker免费脚本...
第三分钟指南书!wpk有那种辅... 第三分钟指南书!wpk有那种辅助吗(透视)果然真的是有辅助脚本(哔哩哔哩)1、游戏颠覆性的策略玩法,...
九分钟辅助!星悦游戏辅助器,麻... 九分钟辅助!星悦游戏辅助器,麻雀智能辅助软件开挂(总是真的是有辅助软件)-哔哩哔哩1、任何麻雀智能辅...