Spartacus 应用 i18n 里如何启用中文显示

简介: Spartacus 应用 i18n 里如何启用中文显示

i18n-config.ts 文件里的 loadPath,用于指定 lazy load 的 i18n 翻译 json 资源:


i18next-initializer.ts 里使用过这个 loadPath 字段:


以 My Account 的 old password placeholder 字段为例:


上图的效果,通过编辑下图文件的字段实现:


修改成中文后:

使用英文作为缺省语言:


需要把 en 文件夹里的所有内容都拷贝出来,重命名成 zh,然后导出到 zh 里,再导出到 translations 里:


如下图所示:


详细步骤如下:


SAP Spartacus 是一款基于 Angular 框架构建的开源电子商务应用,支持国际化 (i18n) 功能。要为 Spartacus 应用提供中文 i18n 的翻译,需要进行以下步骤:


在 Spartacus 项目中创建一个新的 i18n 文件。可以在 src/assets/i18n 目录下创建一个名为 messages.zh-CN.xlf 的文件,其中 zh-CN 表示中文。


打开 messages.xlf 文件,并将其中的文本复制到 messages.zh-CN.xlf 文件中。注意,必须将文件中的所有 source 标签值翻译成中文。


在 app.module.ts 文件中导入 translations,并在 providers 数组中添加一个 provide 对象来指定要使用的语言和对应的翻译文件。例如,可以添加以下代码:

import { translations } from '@spartacus/assets';
import { ConfigModule, Config } from '@spartacus/core';
ConfigModule.withConfig({
  i18n: { resources: translations },
} as Config)

在 Spartacus 应用中使用 cxTranslate 指令来处理文本翻译。例如,在 HTML 文件中,可以使用以下代码:

<div>{{ 'common.back' | cxTranslate }}</div>

其中,common.back 是要翻译的文本的 key 值,cxTranslate 指令会将其翻译成当前语言环境下的文本。


通过以上步骤,就可以为 Spartacus 应用提供中文 i18n 的翻译。如果需要支持其他语言,只需要按照相同的步骤创建对应的翻译文件,并在 app.module.ts 文件中添加对应的配置即可。


相关文章
|
7月前
|
存储 对象存储
Spartacus 添加 PWA 应用到 home 的实现原理分析
Spartacus 添加 PWA 应用到 home 的实现原理分析
127 0
|
7月前
|
API 开发者
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
66 0
|
7月前
|
前端开发 JavaScript CDN
关于 fontawesome 库在 Spartacus 项目中的应用
关于 fontawesome 库在 Spartacus 项目中的应用
56 0
|
7月前
|
JavaScript
TypeScript 对象解构操作符在 Spartacus 实际项目开发中的应用
TypeScript 对象解构操作符在 Spartacus 实际项目开发中的应用
45 0
|
7月前
|
存储
Spartacus i18n 配置相关代码的工作原理
Spartacus i18n 配置相关代码的工作原理
34 0
|
7月前
|
前端开发 安全 API
Above-the-Fold Loading 加载机制在 Spartacus Storefront 里的应用
Above-the-Fold Loading 加载机制在 Spartacus Storefront 里的应用
29 0
|
7月前
|
前端开发
Spartacus 应用中 Lazy Loaded Module 初始化逻辑的实现方案
Spartacus 应用中 Lazy Loaded Module 初始化逻辑的实现方案
35 0
|
7月前
|
JavaScript 数据处理
combineLatest 操作符在 Spartacus Cost Center 计算逻辑中的一个实际应用
combineLatest 操作符在 Spartacus Cost Center 计算逻辑中的一个实际应用
24 0
|
7月前
|
存储 设计模式
Command 模式在 SAP Spartacus 中的具体应用一例
Command 模式在 SAP Spartacus 中的具体应用一例
31 0
|
7月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
39 0