Angular 6 路由器 - 替换当前路由的一些参数

Question

在我的 Angular 6 解决方案中，网址具有以下结构：

/{language}/{app_section}/{object_id}/{view}?queryparams...

语言选择器组件由应用程序的所有部分共享，并包含在其中一个父路由的模板中，以便它出现在所有子路由中。

当用户选择一种新语言时，该组件应该只替换当前路由的 {language} 段，保持其他所有内容不变，然后导航到新路由。看起来应该很简单，但我似乎找不到简单的方法。有人可以帮忙吗？

Answer 1

是的，这是可能的。阅读当前路线，替换语言并导航到该 URL。

constructor(private _router: Router ) {
}

languageSelected(newLanguage) {
  const newUrl = this._router.url.replace(this.currentlanguage, newLanguage);
  this.router.navigateByUrl(newUrl);
}

我假设this.currentLanguage 包含与URL 中表示的完全相同的当前语言，并且传递给方法的newLanguage 也是URL 所需的确切形式。诸如此类的技术将触发组件刷新并且临时状态将丢失。