angular - Angular 12 - 延迟加载路径模块不起作用
问题描述
我有一个作业模块,其中包含我的应用程序的各种组件。我想对所述模块进行延迟加载,但是,当我尝试通过完整路径访问时它不起作用,也就是说,如果我通过路径访问http://localhost:4200/job/artist
它不起作用但如果我通过它访问http://localhost:4200/#/artist
它是否有效。知道为什么会这样吗?
延迟加载模块的路由模块
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { Artist } from './components/artist/artist.component';
const routes: Routes = [{
path: 'job',
loadChildren: () => import('../jobs/jobs.module').then(m => m.JobsModule)
}];
@NgModule({
imports: [
RouterModule.forRoot(routes, {
useHash: true,
}),
BrowserModule],
exports: [RouterModule]
})
export class LazyRoutingModule { }
作业路由.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { Artist } from './components/artist/artist.component';
const routes: Routes = [{
path: 'artist',component: ArtistComponent,
}];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class JobsRoutingModule { }
解决方案
而不是这个:
const routes: Routes = [{
path: 'artist',component: ArtistComponent,
}];
尝试这个:
const routes: Routes = [
{
path: '', component: ArtistComponent,
children: [
{ path: 'artist', component: ArtistComponent, },
]
}
编辑@fralejanro 改进了我的答案,并说我们必须把'job' 而不是'',为了不总是重定向到艺术家,只是用'\job\artist':
const routes: Routes = [
{
path: 'job', component: ArtistComponent,
children: [
{ path: 'artist', component: ArtistComponent, },
]
}
推荐阅读
- php - Wordpress 如何使用自定义查询来获取登录用户的帖子标题?
- python - plotly - 线条不在 yaxis 上开始
- angular - 跟踪游戏元素的位置
- flutter - 升级到 Flutter 2 后,无法将鼠标悬停在调试器中的变量上以显示值
- javascript - 轮播未在每张幻灯片上呈现两个元素
- json - Kotlin DSL 用于存储配置而不是 JSON
- spark-ar-studio - 在 Spark AR 过滤器中查找 FaceMesh 的边缘
- android - 通过 Android 应用上的 Chrome 自定义选项卡下载文件时获得通知
- ethereum - uniswap 低级交换调用
- algorithm - 在动态编程问题“正则表达式 II”中没有得到正确答案