角度路由 - 如何制定路径？

Question

目标：我希望将站点路由到 EN 或 ES 版本。更具体地说，如果他们选择西班牙语，则应该：

• 来自：http://localhost:4200/en/#/security/login

• 收件人：http://localhost:4200/es/#/security/login

基本上我需要 localhost:4200/en 去 localhost:4200/es

如果他们选择英语，反之亦然。

但是，我无法对其进行硬编码，因为 Dev/Rel/Prod 的根不同。

问题：它总是路由到：http://localhost:4200/en/#/es

我的尝试：

当我这样做时：

if (event.value == "es") { this.routerService.navigate(['/es/']); }   

我明白了：

http://localhost:4200/en/#/es

我也得到相同的结果：

if (event.value == "es") { this.routerService.navigate(['es/']); }
if (event.value == "es") { this.routerService.navigate(['/es']); }

预期结果： http://localhost:4200/es/ 实际结果： http://localhost:4200/en/#/es

Answer 1

您的路由器基本路径似乎包含/en。你有两个选择。

1) 像这样使用../ 和relativeTo: this.route 向后导航：

this.routerService.navigate(['../es'], {relativeTo: this.route});

你必须像这样在构造函数中注入route

constructor(
    private routerService: Router,
    private route: ActivatedRoute, {
  }

2) 从基本路径中删除/en 并使用：

switch(event.value) {
  case 'es': 
    this.routerService.navigate(['/es']);
    break;
  case 'en':
    this.routerService.navigate(['/en']);
    break;
}