我在專案中使用 ngx-translate。我已經創建了檔案en.json并it.json在assets/i18n
組件語言中撰寫了以下代碼：
ngOnInit(): void {
this.translate.addLangs([
'it',
'en'
]);
this.translate.setDefaultLang('it');
const browserLang = this.translate.getBrowserLang();
this.translate.use(browserLang.match(/it/) ? browserLang : 'it');
}
在 html 中：
<div class="dropdown-language">
<label for="language">{{'LABEL.LINGUA' | translate }} </label>
<select #langSelect (change)="translate.use(langSelect.value)" class="lang-style" id="language">
<option *ngFor="let lang of translate.getLangs()" [value]="lang" [selected]="lang === translate.currentLang">{{ lang }}</option>
</select>
</div>
這段代碼效果很好，在頁面中顯示了一個帶有選項的下拉選單it和en
我想更改我的代碼，因為在頁面中我必須顯示選項Italianand English，而不是itand en。
我也可以通過將名稱從ittoItalian和ento更改來做到這一點English，但我認為可能有比這更好的解決方案。
uj5u.com熱心網友回復：
export const LANGUAGES: Array<{ name: string; code: string }> = [
{ name: 'English', code: 'EN' },
{ name: 'Português (BR)', code: 'PT_BR' },
{ name: 'Japanese', code: 'JA' },
{ name: 'Italiano', code: 'IT' },
{ name: 'Fran?ais', code: 'FR' },
{ name: 'Espa?ol', code: 'ES' },
{ name: 'German', code: 'DE' }
];
在 HTML 中，您可以遍歷語言串列
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/485636.html
上一篇：CircleCI角度測驗失敗