primeng 19版本如何更改语言？

Question

我正在使用 p-datepicker 组件，但我想将其翻译成法语和西班牙语。我怎样才能在 Angular/Primeng 19 中做到这一点？

Answer 1

经过研究，我发现了这个：

1. 安装 primelocale

   npm i primelocale

   (https://github.com/primefaces/primelocale)
2. 从 primelocale 导入您想要的语言（例如： import { fr } from "primelocale/fr.json" ）；
3. 在providePrimeNG函数中设置您选择的默认语言（如果默认语言不是英语）：providePrimeNG({translation: fr })
4. 要更改当前语言，只需注入 PrimeNG 配置服务 primeNGConfig = Inject(PrimeNG);并通过给它新的翻译文件来使用“setTranslation”方法

代码配置翻译示例：

import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router';
import { routes } from './app.routes';
import { provideHttpClient, withFetch } from '@angular/common/http';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';


import { providePrimeNG } from 'primeng/config';
import Lara from '@primeng/themes/lara';
import MyLaraLightBluePreset from './style';
import { fr } from "primelocale/fr.json"



export const appConfig: ApplicationConfig = {
  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes),provideAnimationsAsync(),provideHttpClient(withFetch()),
    providePrimeNG({
      translation: fr,
        theme: {
          preset: MyLaraLightBluePreset,
          options: {
              darkModeSelector: '.my-app-dark'
          }
        }
    })
    ]
};

Answer 2

使用 PrimeNG 本地化支持

导入区域设置和配置

import { PrimeNGConfig } from 'primeng/api';
import { localeFr } from 'primeng/api';  // French
import { localeEs } from 'primeng/api';  // Spanish

像这样使用它。

export class AppModule {
    constructor(private primeNGConfig: PrimeNGConfig) {
    // Set the locales as per needs
    this.primeNGConfig.setTranslation(localeFr); // French
    // this.primeNGConfig.setTranslation(localeEs); // Spanish
    }
}