使用 ngx-translate 时更改 URL

2024-05-22

当有人使用 ngx-translate 单击所选语言时,我尝试更改 URL。我想我应该通过订阅语言更改事件然后修改当前的 url 以反映所选的语言来做到这一点,因为我是新手,所以我不确定是否需要服务来做到这一点,或者可能是另一种解决方法。

我想改变这一点:

https://amarello.cloud/es/

To this:

https://amarello.cloud/en/

,取决于所选语言。

这是我的“header.component.ts”


import { Component, OnInit } from '@angular/core';
//For translate language
import { TranslateService } from '@ngx-translate/core'; 

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.scss']
})
export class HeaderComponent implements OnInit {

  menu: boolean = false;
  submenu: boolean = false;
  submin: boolean = false;

  constructor(private translate: TranslateService) 
    { translate.addLangs(['es','en']);
      translate.setDefaultLang('es'); 
    }

  ngOnInit(): void {
  }

  open() {
    if (this.menu == false) {
      this.menu = true;
    } else {
      this.menu = false
    }

    if (this.submin == false) {
      this.submin = true;
    } else {
      this.submin = false
    }
  }

  openSub() {
    if (this.submenu == false) {
      this.submenu = true;
    } else {
      this.submenu = false
    }
  }


  useLanguage(language: string): void {
    this.translate.use(language); 

    // this.translate.onLangChange().subscribe(trans => { 

    // })

  }
  

}
 


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 ngx-translate 时更改 URL 的相关文章

随机推荐