javascript - 子路由的延迟加载不会重定向到子路由
问题描述
嗨,对我来说,父路由工作正常,但对于 chid 路由,它没有重定向,也没有出错
在 app.routing 中
const routes: Routes = [
{
path: 'card',
loadChildren: './cards/cards.module#CardsModule',
canActivate: [AuthGuard]
},
{
path: 'card/:id',
loadChildren: './cards/cards.module#CardsModule',
canActivate: [AuthGuard]
}]
在卡路由中:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { Cardscomponent } from './cards.component';
import { AuthGuard } from '../_services/auth.guard';
import { CardDetailsComponent } from './card-details/card-details.component';
const routes: Routes = [
{ path: '', component: Cardscomponent,
children :[
{ path: ':id', component: CardDetailsComponent}
]
}
]
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class CardsRoutingModule { }
localhost:4200/card工作,但localhost:4200/card/1234 不工作,也没有得到任何错误,任何帮助...
解决方案
检查您是否有router-outlet
子组件。
当 url 更新但视图未呈现时,通常归结为缺少路由器插座。从开发带有角度元素的整个项目中学到了这一点。
如果启用跟踪,您可以看到所有路由器事件均已成功触发。
推荐阅读
- c# - 为 DataTemplate 内的新 Grid 列的外观设置动画
- vue.js - Vue 3.0:将给定对象传递给 View
- machine-learning - 默认情况下总是标准化所有功能是一个坏主意吗?
- php - 我如何将参数从视图传递到控制器
- c - 带有结构的C中的分段错误11?
- substr - 使用 parse 命令截断 AWS 日志
- neo4j - 如何在 .Net 客户端中使用 ForEach
- python - 如何使用 Python 和图像处理删除掩码中的条目?
- java - 如何将 Apache Ignite 瘦客户端连接到 Apache Ignite 集群?
- python - 如何将元素添加到另一个列表中的 Python 列表中