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

相关内容

热门资讯

推出新举措!潮汕掌上娱辅助科技... 推出新举措!潮汕掌上娱辅助科技!确实是真的有开挂辅助软件(有挂讲解)-哔哩哔哩;潮汕掌上娱辅助科技辅...
攻略辅助挂!微信小程序外辅助工... 攻略辅助挂!微信小程序外辅助工具!一贯存在有开挂辅助攻略(有挂方法)-哔哩哔哩1、微信小程序外辅助工...
有玩家发现!台州夜猫十三道辅助... 有玩家发现!台州夜猫十三道辅助器!真是是有开挂辅助神器(有挂总结)-哔哩哔哩1、实时台州夜猫十三道辅...
为了进一步!广东闲来有辅助软件... 为了进一步!广东闲来有辅助软件!本来是真的有开挂辅助器(有挂辅助)-哔哩哔哩1)广东闲来有辅助软件辅...
目前来看!小程序牵手跑得快有外... 目前来看!小程序牵手跑得快有外g挂吗!一直存在有开挂辅助神器(确实有挂)-哔哩哔哩暗藏猫腻,小编详细...
此事引发网友热议!新玄龙辅助!... 此事引发网友热议!新玄龙辅助!原来真的是有开挂辅助软件(有挂教学)-哔哩哔哩1、新玄龙辅助免费辅助多...
今日!老友广东插件软件!都是确... 今日!老友广东插件软件!都是确实有开挂辅助挂(有挂详情)-哔哩哔哩1、游戏颠覆性的策略玩法,独创攻略...
截至发稿!潘潘讲故事外g挂!好... 截至发稿!潘潘讲故事外g挂!好像是真的有开挂辅助教程(有挂透视)-哔哩哔哩1、完成潘潘讲故事外g挂有...
备受关注的!新老夫子较二八年!... 备受关注的!新老夫子较二八年!竟然真的是有开挂辅助挂(有挂技术)-哔哩哔哩小薇(辅助器软件下载)致您...
截至发稿!广东雀神祈福真的有用... 截至发稿!广东雀神祈福真的有用吗!本来是有开挂辅助软件(揭秘有挂)-哔哩哔哩1、很好的工具软件,可以...