SAP Spartacus翻译i18n - internationalization的工作原理

需求:弄清楚UI上这个标题,是怎么渲染出来的:

SAP Spartacus翻译i18n - internationalization的工作原理

在工程里找到了这个文件:

feature-libs\organization\administration\assets\translations\en\units.i18n.ts

SAP Spartacus翻译i18n - internationalization的工作原理

结构orgUnit的字段header:orgUnit.header, 对应了应用Component html里的key:

SAP Spartacus翻译i18n - internationalization的工作原理

通过Spartacus 团队开发的cxTranslate pipe即可实现翻译效果。

那么units.i18n.ts里定义的结构,运行时如何被加载的呢?

通过下列文件被导出:
feature-libs\organization\administration\assets\translations\en\organization.ts
SAP Spartacus翻译i18n - internationalization的工作原理

进而通过index.ts被导出:

SAP Spartacus翻译i18n - internationalization的工作原理

通过translations.ts暴露出去:

import { TranslationChunksConfig, TranslationResources } from '@spartacus/core';
import { en } from './en/index';

export const organizationTranslations: TranslationResources = {
  en,
};

SAP Spartacus翻译i18n - internationalization的工作原理

文件:projects\storefrontapp\src\app\spartacus\features\administration-feature.module.ts

SAP Spartacus翻译i18n - internationalization的工作原理

更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus翻译i18n - internationalization的工作原理

上一篇:SAP Spartacus Translation(翻译) 相关话题


下一篇:总目总结:中后台管理系统类