在您的组件中,您需要使用TranslateService重新设置语言。
以下是可能的代码示例:
import { TranslateService } from '@ngx-translate/core'; import { Component } from '@angular/core';
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'my-app';
constructor(private translateService: TranslateService) { }
changeLang(lang: string) { // 此方法更改当前的语言代码 this.translateService.use(lang); } }
在上面的代码示例中,我们定义了一个数组,并使用TranslateService将其翻译为所需的语言。为了实现动态更改语言的需求,我们还定义了一个名为changeLang()的方法,该方法在组件中可供调用,以更改当前语言。
在您的模板文件中,您可以调用changeLang()方法来更改当前语言,如以下代码所示:
当单击任一按钮时,当前语言都将更改为所选语言。