如何让SAP Spartacus的非英语页面正常显示

如下图所示，当修改Spartacus的语言成德语时，我们在界面上看到很多用大括号包裹起来的占位符，这些占位符是Spartacus internationalization(i18n)支持的resource key：

如何确保语言切换成德文后，Spartacus页面仍然能够正常显示对应的文字呢？

新建一个I18nConfigurationModule，将其声明到app module里：

import { NgModule } from '@angular/core';
import { ConfigModule, I18nConfig } from '@spartacus/core';
import { translations as ENGLISH_TRANSLATIONS, translationChunksConfig } from '@spartacus/assets';const GERMAN_TRANSLATIONS = {de: {common: {searchBox: {placeholder: 'Suchen sie hier'}}}
};@NgModule({declarations: [],imports: [ConfigModule.withConfig({i18n: {resources: {...GERMAN_TRANSLATIONS,...ENGLISH_TRANSLATIONS},chunks: translationChunksConfig,fallbackLang: 'en'},} as I18nConfig)]
})
export class I18nConfigurationModule { }

最后的效果：

更多Jerry的原创文章，尽在：“汪子熙”:

如何让SAP Spartacus的非英语页面正常显示相关推荐

SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
这个方法位于类CmsPageGuardService内. 当我们请求一个实际并不存在的page时, 因为1这个path对应的route configuration里的protected字段为undef ...
SAP Spartacus not found的页面处理机制
当我们跳转到一个SAP Spartacus里实际并不存在的页面时: 首先会将url里的值比如1,作为pageLabelOrID的参数值,去Commerce Cloud后台读取对应的content pa ...
SAP Spartacus PageLayoutComponent 如何知道自己应该显示哪些具体内容
我们以前介绍过,经过 SAP Spartacus 路由配置后的 routes 数组,其 route 数据结构的 Component 属性,清一色指向 generic 的 PageLayoutCompo ...
SAP Spartacus Org Unit明细页面的工具栏按钮设计
工具栏上肉眼可见两个按钮:Edit和Disable 其中Edit按钮通过a标签实现: 而disable通过自定义的cx-org-toggle-status实现: 从最后渲染出的html页面里能看出,c ...
SAP Spartacus Org Unit明细页面的设计原理
该页面分三部分组成. 其中蓝色和绿色两个区域的实现如下:两个section标签页: section是HTML标准的标签之一,每个标签通过h1到h6不等的heading标签标识. 运行时渲染的HTML原 ...
SAP Spartacus Organization Unit User页面的实现层级结构
右边这个页面的实现细节: 层级结构如下: (1) cx-org-unit-user-list, Component为UnitUserListComponent: (2) cx-org-sub-list ...
SAP Spartacus的用户登录页面设计
点击sign in之后,先取token: https://spartacus-dev0.eastus.cloudapp.azure.com:9002/authorizationserver/oauth ...
SAP Spartacus的自定义静态页面
新建一个StaticRouteModule: import { CommonModule } from '@angular/common'; import { NgModule } from '@an ...
SAP Spartacus B2B User list页面的数据加载逻辑
list.service.ts的getData方法里的this.load触发时,this实际指向UserListService: 触发点还是list页面的async pipe: ListService ...

如何让SAP Spartacus的非英语页面正常显示

如何让SAP Spartacus的非英语页面正常显示相关推荐

最新文章

热门文章