Angular懒加载不接受多个子路由含有参数。
创始人
2024-10-27 22:00:47
0

在Angular中,懒加载模块不支持子路由参数。这意味着在懒加载模块中,只能有一个子路由,而不能有多个子路由含有参数。

解决此问题的一种方法是使用路由守卫来处理参数。可以创建一个专门的组件来处理参数,并在路由守卫中进行重定向。以下是一个解决方法的代码示例:

首先,创建一个用于处理参数的组件,比如ParamComponent

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-param',
  template: `
    

Parameter: {{ param }}

` }) export class ParamComponent implements OnInit { param: string; constructor(private route: ActivatedRoute) { } ngOnInit(): void { this.route.params.subscribe(params => { this.param = params['param']; }); } }

接下来,更新路由配置,将原来的子路由改为一个参数路由,并将其重定向到ParamComponent

const routes: Routes = [
  {
    path: 'lazy',
    loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule)
  },
  {
    path: 'lazy/:param',
    redirectTo: 'lazy/param/:param'
  },
  {
    path: 'lazy/param/:param',
    component: ParamComponent
  }
];

现在,当访问/lazy/param/value时,将会重定向到/lazy/param/value并加载ParamComponent来处理参数。

请注意,这只是一种解决方法,具体的解决方案可能因应用的需求而有所不同。

相关内容

热门资讯

第八分钟了解!鄱阳翻精麻将有挂... 第八分钟了解!鄱阳翻精麻将有挂(辅助挂)固有存在有挂(专业辅助技巧教程)-哔哩哔哩;1、这是跨平台的...
第9分钟了解!小猪对对碰可以开... 第9分钟了解!小猪对对碰可以开挂(辅助挂)原来存在有挂(专业辅助AI教程)-哔哩哔哩是一款可以让一直...
第3分钟了解!四川麻将换三张小... 第3分钟了解!四川麻将换三张小程序有猫腻(辅助挂)往昔真的是有挂(专业辅助新2025教程)-哔哩哔哩...
第五分钟了解!闽游旺旺麻将可以... 第五分钟了解!闽游旺旺麻将可以作假(辅助挂)确实是真的有挂(专业辅助玩家教你)-哔哩哔哩;是一款可以...
两分钟了解!榕城510k可以能... 两分钟了解!榕城510k可以能拉好牌(辅助挂)一贯是有挂(专业辅助2025新版技巧)-哔哩哔哩;两分...
第四分钟了解!微信双扣辅助器(... 第四分钟了解!微信双扣辅助器(辅助挂)真是是真的有挂(专业辅助解密教程)-哔哩哔哩相信很多朋友都在电...
3分钟了解!小程序家乡大贰辅助... 3分钟了解!小程序家乡大贰辅助工具(辅助挂)本来是有挂(专业辅助AI教程)-哔哩哔哩;1、很好的小程...
第2分钟了解!中至赣州麻将可以... 第2分钟了解!中至赣州麻将可以破解(辅助挂)原先真的是有挂(专业辅助细节揭秘)-哔哩哔哩;详细中至赣...
四分钟了解!皮皮跑胡子软件有猫... 四分钟了解!皮皮跑胡子软件有猫腻(辅助挂)一直存在有挂(专业辅助透明挂教程)-哔哩哔哩;皮皮跑胡子软...
第6分钟了解!陕麻圈(辅助挂)... 您好:陕麻圈这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总...