我如何使用 Angular 中的 i18n 将数据介绍从 inro.js 翻译为其他语言

问题描述 投票:0回答:1

我正在使用 intro.js 以角度方式显示快速入门之旅。我正在使用 data-intro 和 data-step 属性来显示快速启动浏览中接下来显示的组件的顺序和信息。

我无法翻译数据介绍。我尝试使用下面 场景 1. 在 HTML 文件中, [数据介绍] ='“下一步”|国际化 data-intro ='{{“下一步”| i18n"}}' 当我跑步时,特定的下一步屏幕被隐藏

场景2.在ts文件中

data_1 = this.i18n.t("下一步") 当我打印 data_1 时,得到翻译后的文本。 在 html 文件中

[数据介绍]=“data_1”

当我跑步时,我在该特定的屏幕浏览中获取 data_1 而不是翻译后的文本。

我尝试了这两种情况。但它们都不起作用。

如有任何帮助,我们将不胜感激。我不知道为什么不翻译。

当我尝试使用 i18n 进行翻译时,我需要根据用户选择的语言来翻译组件的特定数据输入。

html typescript internationalization i18next intro.js
1个回答
0
投票

介绍代码是普通代码,因此在 Angular 之外呈现。我只能想象在不知道你的代码库的情况下,intro.js 是在角度模板编译完成之前实例化的。

Intro.js 在实例化时会获取值并缓存它们,因此我建议让它在 AfterViewInit 后自行设置。

© www.soinside.com 2019 - 2024. All rights reserved.