Question

角度路由器无法正常工作

看看我的app-routing.module.js代码

    { path: 'blog', component: BlogComponent},
    { path: 'blog/add', component: BlogPostEditComponent},

问题是

http://localhost:4200/#/blog   当点击进入它进入BlogComponent很好

http://localhost:4200/#/blog/add   当输入该URL的回车时，它也进入了BlogComponent，实际上它将进入了BlogPostEditComponent   我不明白发生了什么事？

任何人都可以解释为什么会这样吗？

Answer 1

具有匹配网址的路由应为相关路由。

{ path: 'blog', component: BlogComponent, children: [
  { path: 'add', component: BlogPostEditComponent},
]},

下次，请提供一个有效的堆叠闪电战，而不仅仅是说您已经提供了一个堆叠闪电战...

Answer 2

 { path: 'blog', component: BlogComponent ,  pathMatch: 'full'},
{ path: 'blog/add', component: BlogPostEditComponent,  pathMatch: 'full'},

只需添加PathMatch

角路由无法正常工作（路径：'blog / add'）

2 个答案: