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

【问题标题】：Angular routing not working properly ( path: 'blog/add' )角度路由无法正常工作（路径：'blog/add'）
【发布时间】：2019-05-29 04:40:53
【问题描述】：

Angular 路由器无法正常工作

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

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

问题是

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

http://localhost:4200/#/blog/add 当输入这个网址时，它也进入了 BlogComponent ，实际上它会进入 BlogPostEditComponent 我不明白发生了什么？

谁能解释这是为什么？

【问题讨论】：

您是否在控制台中看到任何错误？
不，控制台没有错误@Hunor
你能提供 StackBlitz Demo 以便我/我们可以重现吗？
因为通过查看您的代码，可能会向我们显示 Routes 数组，所以会有所帮助
试试这个：{ path: 'blog/:add', component: BlogPostEditComponent},

标签： angular routing

【解决方案1】：

具有匹配 url 的路由应该是相关的路由。

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

下一次，请提供一个有效的 stackblitz，而不仅仅是一个 stackblitz 说你已经提供了一个 ...

【讨论】：

【解决方案2】：

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

只需添加 PathMatch

【讨论】：