Angular Syncfusion PivotView 国际化设置为西班牙语不生效问题求助

修复步骤 #

• 将L10n加载逻辑从子组件移到应用根模块（app.module.ts）或启动文件（main.ts）的全局位置，不要放在任何组件的生命周期钩子、类内部，Syncfusion国际化配置为全局生效，子组件加载时组件实例已完成初始化，后置配置不会生效。
  正确代码示例：

  // app.module.ts 最顶部全局位置编写
  import { L10n } from '@syncfusion/ej2-base';
  import es from '@syncfusion/ej2-locale/src/es.json';
  
  L10n.load(es);
  

• 确认两个组件都配置了locale属性，仅配置PivotView不生效，独立的Pivot Field List组件需要单独配置：

  <ejs-pivotview locale="es" [dataSourceSettings]="dataSourceSettings"></ejs-pivotview>
  <ejs-pivotfieldlist locale="es" [dataSourceSettings]="dataSourceSettings"></ejs-pivotfieldlist>
  

• 检查tsconfig.json配置，确保json导入功能正常开启，避免加载的es.json内容为空：

  // tsconfig.json compilerOptions 节点下添加以下配置
  "resolveJsonModule": true,
  "allowSyntheticDefaultImports": true
  

验证方法 #

在L10n.load执行后打印L10n.getLocale('es')，检查返回结果中是否存在pivotview、pivotfieldlist相关的西班牙语键值对，确认配置已正确加载。

内容的提问来源于stack exchange，提问作者Alejandro Vargas