无法在 Angular 中的哈希位置策略中获取查询参数

Question

我在 Angular

中使用哈希定位策略

routing.module.ts

@NgModule({ 
imports: [
   RouterModule.forRoot(routes, { useHash: true })
 ],
 exports: [
    RouterModule
  ]
})

app.module.ts

@NgModule({
    providers: [{ provide: LocationStrategy, useClass: HashLocationStrategy }]
})

我正在使用此 URL

从其他应用程序路由到我的 angular 应用程序

HTTP://localhost:4200?param_x=xyz&param_y=abc

我想在我的应用程序中获取这些参数的值，我该怎么做？

我尝试使用 Activated route snapshot 和 subscribe，都给我空值。

Answer 1

请使用片段参数打开您的客户端。

片段参数是# 之后的参数 - 也称为客户端参数，因为它们不会发送到服务器。

HTTP://localhost:4200?#hash_param_x=xyz&hash_param_y=abc

然后通过以下方式访问它们：

this.activatedRoute.snapshot.queryParams

HashLocationStrategy 获取哈希（fragment/client）参数并将它们插入到查询参数中。由于您没有任何参数，因此看不到任何参数。

Cant get Query params in Hashlocation strategy in Angular