Angular路由对于延迟加载模块的行为不符合预期。手动输入URL时可以正常工作,但从导航菜单跳转时总是重定向到默认路由。
创始人
2024-10-28 02:00:08
0

在Angular中,延迟加载模块通常使用loadChildren属性来定义。默认情况下,Angular路由器会在初始化时加载所有延迟加载模块的代码。

如果您希望手动输入URL时可以正常工作,但从导航菜单跳转时不重定向到默认路由,您可以尝试以下解决方法:

  1. 在路由模块中使用PreloadAllModules预加载策略:
import { NgModule } from '@angular/core';
import { Routes, RouterModule, PreloadAllModules } from '@angular/router';

const routes: Routes = [
  // 定义其他路由

  // 延迟加载模块
  {
    path: 'lazy',
    loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule)
  },

  // 默认路由
  {
    path: '',
    redirectTo: '/default',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })],
  exports: [RouterModule]
})
export class AppRoutingModule { }

通过使用PreloadAllModules预加载策略,Angular会在初始化时自动加载所有延迟加载模块的代码,这样从导航菜单跳转时就不会重定向到默认路由。

  1. 在导航菜单中使用routerLink指令:
Lazy Module

确保您的导航菜单中使用了routerLink指令来跳转到延迟加载模块的路由路径,而不是直接使用URL。

通过以上两种方法,您应该能够解决Angular路由对于延迟加载模块的行为不符合预期的问题。

相关内容

热门资讯

最新消息!wepoker挂(透... 最新消息!wepoker挂(透视)三江互娱辅助(竟然存在有辅助下载)-哔哩哔哩1、首先打开三江互娱辅...
透视智能ai!wepoker买... 透视智能ai!wepoker买钻石有用吗(透视)打罗松必胜技巧(果然真的有辅助工具)-哔哩哔哩1、每...
目前来看!wepoker有人用... 目前来看!wepoker有人用过吗(透视)蘑菇云辅助使用视频(原来真的是有辅助软件)-哔哩哔哩1、下...
相较于以往!wepoker买脚... 相较于以往!wepoker买脚本靠谱吗(透视)兴动助手辅助器(竟然真的有辅助安装)-哔哩哔哩1、实时...
透视app!福建大菠萝万能辅助... 透视app!福建大菠萝万能辅助器(透视)闲逸浏览器辅助功能怎么设置(其实有辅助平台)-哔哩哔哩1、让...
透视代打!wepoker手机版... 透视代打!wepoker手机版辅助(透视)正版新九游辅助(原来真的有辅助安装)-哔哩哔哩1、进入到正...
今年以来!wepoker有脚本... 今年以来!wepoker有脚本吗(透视)爱玩辅助(真是是有辅助安装)-哔哩哔哩1、爱玩辅助破解器简单...
透视规律!wepoker透视脚... 透视规律!wepoker透视脚本视频(透视)爱玩联盟辅助软件视频讲解(一直真的有辅助辅助器)-哔哩哔...
记者获悉!poker辅助器免费... 记者获悉!poker辅助器免费安装(透视)中至余干安装挂(总是真的有辅助工具)-哔哩哔哩中至余干安装...
透视辅助!wepoker透视器... 透视辅助!wepoker透视器免费(透视)新天道联盟辅助器(切实存在有辅助修改器)-哔哩哔哩1、不需...