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可以透... 分辨真假!wepoker可以透视码,wepoker数据分析工具,切实存在有挂(真的有挂)一、游戏安装...
实操分享!hhpoker德州挂... 实操分享!hhpoker德州挂真的有吗,福建大菠萝万能辅助器,切实存在有挂(真的有挂)1、操作简单,...
总算了解!pokemmo脚本辅... 总算了解!pokemmo脚本辅助下载,德普辅助软件,确实是真的有挂(有人有挂)能透视中分为三种模型:...
科技介绍!约局吧德州透视,cl... 科技介绍!约局吧德州透视,cloudpoker作弊,本来是真的有挂(有人有挂)1、每一步都需要思考,...
实测交流!xpoker辅助怎么... 实测交流!xpoker辅助怎么用,德扑圈透视,都是是真的有挂(有挂方略)亲,关键说明,透视脚本安卓赛...
必备攻略!竞技联盟透视,hhp... 必备攻略!竞技联盟透视,hhpoker怎么开透视,本来是真的有挂(有挂功能)1、辅助软件下载优化,底...
一起来讨论!hhpoker脚本... 一起来讨论!hhpoker脚本,wepoker黑侠辅助器正版下载,一直存在有挂(有挂教学)是不是有人...
总算明白!hhpoker开挂教... 总算明白!hhpoker开挂教程,约局吧如何查看是否有挂,本来存在有挂(有挂功能)1、这是跨平台的轻...
大家学习交流!约局吧德州透视,... 大家学习交流!约局吧德州透视,cloudpoker作弊,一直是有挂(有挂教程)小薇(辅助器软件下载)...
最新通报!拱趴大菠萝万能辅助器... 最新通报!拱趴大菠萝万能辅助器,德州圈脚本,确实有挂(有挂方式)1、最新通报!拱趴大菠萝万能辅助器,...