Angular 4：带文件名的基本href

Question

我的应用程序被加载到具有路径+文件名的特定URL的另一个非Angular应用程序中。

我想使用Angular的ActivatedRoute来设置和读取URL参数。 （目前没有实际路线，我也没有使用路由器插座。）

我的app.module.ts有以下代码：

imports: [
  RouterModule.forRoot([], { initialNavigation: false })
],
providers: [
  { provide: APP_BASE_HREF, useValue: '/path/filename.html' }
]

这是有效的，但是当我设置URL参数时，我会在基本href后面得到一个不需要的额外斜杠。

this.router.navigate([], { queryParams: { foo: 'bar' } });

上面的代码导致：/ path / filename.html /？foo = bar而不是/path/filename.html?foo=bar