Angular无法获取完整的URL

Question

要求：需要点击网址

localhost:4200/keyone=valueone&keytwo=value2109808329csdc0qwd&keythree=xyz@pqr.com

然后捕获：

[keyone=valueone, keytwo=value2109808329csdc0qwd, keythree=xyz@pqr.com];

当我使用角度5进入网址时，其更改为

localhost:4200/keyone

我没有完整的网址。它从=中消失了。

Answer 1

添加了一条路径，并附加了所需的信息作为ID。 例如。

localhost:4200/item?keyone=valueone&keytwo=value2109808329csdc0qwd&keythree=xyz@pqr.com

然后在windows.location.url中获得了url值

/item?keyone=valueone&keytwo=value2109808329csdc0qwd&keythree=xyz@pqr.com

Answer 2

URL看起来不错，您应该进入映射到该URL的URL路由页面。我想您提供的网址没有可用的路由，它会重定向到找到的网址

通常在成角度的情况下，我们以下面的方式捕获网址参数

const routes: Routes = [{
  path: ':keyone/:keytwo/:keythree',
  component: SomeComponent,
  resolve: {
    resolvedData: SomeResolverService,
  }
} 

然后在您的解析器或组件中，您可以通过

// inject ActivatedRouteSnapshot
route: ActivatedRouteSnapshot

然后获取参数

route.params.keyone, route.params.keytwo, route.params.keythree,