Angular Transloco-如何在运行时添加语言
我正在用Angular 8和NativeScript 6.4.1编写一个应用程序 我正在考虑在我的翻译库中使用Transloco 我需要能够在运行时更改语言,以及在运行时添加新语言 如何在Transloco中执行此操作? 我在文档中看到,它说您可以使用Angular Transloco-如何在运行时添加语言,angular,nativescript,transloco,Angular,Nativescript,Transloco,我正在用Angular 8和NativeScript 6.4.1编写一个应用程序 我正在考虑在我的翻译库中使用Transloco 我需要能够在运行时更改语言,以及在运行时添加新语言 如何在Transloco中执行此操作? 我在文档中看到,它说您可以使用setLanguage功能添加一种语言: 我自己试过了,但没用 以下是我的示例项目: 以下是一段代码片段: export class ItemsComponent implements OnInit { constructor(priva
setLanguage
功能添加一种语言:
我自己试过了,但没用
以下是我的示例项目:
以下是一段代码片段:
export class ItemsComponent implements OnInit {
constructor(private translate: TranslocoService) { }
ngOnInit(): void {
console.log(' ItemsComponent ', this.translate.getActiveLang());
console.log(' ItemsComponent 2 ', this.translate.getAvailableLangs());
}
switchLang(lang: string) {
this.translate.setActiveLang(lang);
console.log(' setActiveLang ', this.translate.getActiveLang());
}
useLanguage(language: string) {
this.translate.setActiveLang(language);
console.log(' setActiveLang ', this.translate.getActiveLang());
}
add() {
console.log(' a ');
this.translate.setTranslation({ Sitetitle : "bonjour"}, 'fr', { merge: true });
console.log(' ItemsComponent ', this.translate.getActiveLang());
console.log(' ItemsComponent 3 ', this.translate.getAvailableLangs());
}
}
您可以定义select和可用语言,请参见以下内容:
<ion-select [(ngModel)]="Locale"
interface="action-sheet" (ionChange)="SetLanguage()">
<ion-select-option value="en-US">{{'language.englishUsa' | transloco}}</ion-select-option>
<ion-select-option value="pt-BR">{{'language.portugueseBrasil' | transloco}}</ion-select-option>
</ion-select>
public SetLanguage() {
this._Storage.set('Locale', Locale);
this._TranslocoService.setActiveLang(Locale);
}