Question

您好，我的父级路由工作正常，但对于奇数路由，它也不重定向，也没有出错

在应用路由中

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 { }

本地主机：4200 /卡正在运行但是 localhost：4200 / card / 1234 无法正常工作，也没有收到任何错误，没有任何帮助...

Answer 1

检查子组件中是否有router-outlet。

URL更新但视图未呈现时，通常归结为缺少路由器出口。通过开发带有角度元素的整个项目了解到了这一点。

如果启用跟踪，则可以看到所有路由器事件均已成功触发。

子路由的延迟加载未重定向到子路由

1 个答案: