angular4.x，navigationEnd.url诉navigationEnd.urlAfterRedirects

Question

关于navigationEnd.url和navigationEnd.urlAfterRedirects之间区别的任何解释或文档

如果我想要编写一个breadcrumb组件，应该使用哪个组件？

Answer 1

这取决于您是否关心用户请求的URL或实际加载的路由的URL。

如果定义任何重定向路由，则如果用户导航到重定向到另一条路由的路由，则这两个值将有所不同。

例如，以这些路由为例(哪些组件与路由负载无关，因此它们在这里被排除在外)：

{
  path: "",
  pathMatch: "full",
  redirectTo: "home"
},
{
  path: "home",
},

如果用户导航到/home，那么navigationEnd.url和navigationEnd.urlAfterRedirects都是/home。

如果用户导航到/，那么navigationEnd.url将是/，navigationEnd.urlAfterRedirects将是/home。

即使您没有实现重定向，尝试使用与您基于url的功能最相关的值，因为如果添加重定向，您以后也不想遇到奇怪的bug。