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。你需要相应地调整和配置你自己的父组件和子组件。

相关内容

热门资讯

透明肯定!微信雀神小程序插件,... 透明肯定!微信雀神小程序插件,wepoker作弊方法-最初有挂开挂辅助软件;无需打开直接搜索加(薇:...
玩家必看科普!陕麻圈修改工具,... 您好:陕麻圈修改工具这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
透视安卓版!越乡游义乌辅助器免... 透视安卓版!越乡游义乌辅助器免费试用,hhpoker透视脚本-先前有挂开挂辅助神器;无需打开直接搜索...
重磅来袭!gif助手破解版,金... 重磅来袭!gif助手破解版,金华佛手在线辅助软件(有挂开挂辅助安装);无需打开直接搜索加薇13670...
透明了解!约局吧辅助软件,we... 透明了解!约局吧辅助软件,wejoker免费脚本-从前有挂开挂辅助插件;无需打开直接搜索打开薇:13...
玩家必用!闲逸软件可以控制的吗... 玩家必用!闲逸软件可以控制的吗,福建天天开心辅助网(有挂开挂辅助工具);无需打开直接搜索加(薇:13...
透视脚本!创思维透视辅助器,德... 透视脚本!创思维透视辅助器,德普软件-先前有挂开挂辅助软件;无需打开直接搜索打开薇:13670430...
总算了解!水鱼天下脚本,中至小... 总算了解!水鱼天下脚本,中至小程序破解(有挂开挂辅助挂);无需打开直接搜索加(薇:136704302...
透明软件!闽游app辅助器,w... 您好:闽游app辅助器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
玩家交流!兴动助手辅助器,闲来... 玩家交流!兴动助手辅助器,闲来辅助平台(有挂开挂辅助软件);无需打开直接搜索加薇136704302(...