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

相关内容

热门资讯

科技新动态!小程序牵手跑得快辅... 科技新动态!小程序牵手跑得快辅助器,wpk是真的还是假的,微扑克教程(有挂实锤)是一款可以让一直输的...
查到实测!卡五星辅助软件,we... 查到实测!卡五星辅助软件,wepoker作弊方法,插件教程(有挂实锤);卡五星辅助软件AI智能教程细...
专业讨论!朋朋政和软件辅助器,... 专业讨论!朋朋政和软件辅助器,WePoKer辅助器,攻略教程(有挂方针);亲真的是有正版授权,小编(...
让我来分享经验!微信呢小程序辅... 让我来分享经验!微信呢小程序辅助器,wepoker透视脚本下载,安装教程(真实有挂)是一款可以让一直...
专业讨论!斗棋辅助脚本视频,拱... 您好:斗棋辅助脚本视频这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
玩家必备科技!欢乐贰柒拾辅助,... 玩家必备科技!欢乐贰柒拾辅助,hhpoker作弊实战视频,攻略教程(有挂辅助)是一款可以让一直输的玩...
专业讨论!点我休闲辅助器,we... 专业讨论!点我休闲辅助器,wepoker轻量版辅助,教你攻略(了解有挂);1、让任何用户在无需AI插...
2分钟细说!微信小程序雀神辅助... 2分钟细说!微信小程序雀神辅助器,wpk辅助是什么,实用技巧(有挂攻略)是一款可以让一直输的玩家,快...
玩家必备科技!jj斗地主外开挂... 玩家必备科技!jj斗地主外开挂,德普之星怎么开辅助,攻略教程(有挂方略)是一款可以让一直输的玩家,快...
分享个大家!汇城辅助,wepo... 您好:汇城辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,...