javascript - 无法在 Angular 的 Hashlocationstrategy 中获取查询参数

我在 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，都给我空值。

最佳答案

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

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

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

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

this.activatedRoute.snapshot.queryParams

HashLocationStrategy 获取哈希(片段/客户端)参数并将它们插入到查询参数中。由于您没有任何参数，因此您看不到任何参数。

关于javascript - 无法在 Angular 的 Hashlocationstrategy 中获取查询参数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63463068/