angular - 如何在没有href的情况下更改语言？

Question

我建立了本地化，但我不想使用 href 来更改语言，例如

<a href="/{{language.code}}/"><button class="button">{{language.label}}</button></a>

我想通过单击而不更改 URL 来完成

<button class="button" (click)="changeLanguage(language.code)">{{language.label}}</button>

changeLanguage(lang){
    this.localeId=lang;
  }

怎么做？提前致谢！

标签： angularlocalizationinternationalizationmultilingual

Answer 1

你可以使用类中navigate的方法Router

constructor(){
private router:Router
}

changeLanguage(lang){
  this.router.navigate(['/'+lang])
}

检查官方doc