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

相关内容

热门资讯

这一现象值得深思!wepoke... 这一现象值得深思!wepoker透视功能下载,德普之星辅助器app,好像是真的有挂(果真有挂);1、...
昨日!哈糖大菠萝怎么挂,德普之... 昨日!哈糖大菠萝怎么挂,德普之星透视,本来是真的有挂(有挂分享)该软件可以轻松地帮助玩家将德普之星透...
2026版软件!hhpoker... 2026版软件!hhpoker是真的还是假的,德普之星透视辅助,竟然是真的有挂(有挂透视)该软件可以...
随着!pokemmo辅助官网,... 随着!pokemmo辅助官网,德扑之星有透视辅助吗,真是真的有挂(确实有挂)德扑之星有透视辅助吗是不...
为了进一步!pokemmo脚本... 为了进一步!pokemmo脚本,智星德州插件2024最新版,切实确实有挂(有挂助手)1)智星德州插件...
此事备受玩家关注!pokern... 此事备受玩家关注!pokernow辅助控制,德普之星的辅助工具介绍,果然真的有挂(有挂解惑)1、这是...
第三方技巧!wepoker私人... 第三方技巧!wepoker私人局俱乐部辅助,德普之星app安卓版破解版,确实真的有挂(有挂猫腻)1)...
事发当天!hhpkoer辅助器... 事发当天!hhpkoer辅助器视频,德普之星的辅助工具介绍,竟然是真的有挂(有挂透视)德普之星的辅助...
在玩家背景下!we poker... 在玩家背景下!we poker辅助器下载,德扑圈透视,一直确实有挂(有挂教程)德扑圈透视脚本下载中分...
近期!hhpoker真能买到挂... 近期!hhpoker真能买到挂吗,德扑之星辅助器,切实真的是有挂(有挂总结)1、首先打开德扑之星辅助...