在 total.js 中,定义我可以在脚本和模板中使用的全局常量的最佳方法是什么?
In total.js what is the best way to define global constants that i can use in scripts and templates?
例如,如果我想用多种语言定义短信:
const AVAILABLE_LANGUAGES = ["en", "fr"];
const CONFIRM_BUTTON_TEXT = { "en": "Confirm", "fr": "Confirm in french"};
然后在组件模板的某处可以像这样使用它们:
<button>@{global.CONFIRM_BUTTON_TEXT.en}</button>
或在组件脚本或控制器中,如:
var default_language = global.AVAILABLE_LANGUAGES[0];
- 我应该在哪里定义这些常量以获得最佳实践
- 如何使用 javascript
在组件中访问它们
- 如何在 html 模板中访问它们
- 如何在控制器中访问它们
我建议使用 Total.js 本地化 和 @(Localization markup)
,示例如下。 Total.js本地化是您问题的答案。
<button>@(Confirm button)</button>
以及在服务器端JS代码中的用法:
var confirmbutton = TRANSLATE('de', 'Confirm button');
阅读更多:https://docs.totaljs.com/latest/en.html#pages~Localization
顺便说一句:如果你想在 JS 代码中在客户端使用本地化,那么你可以从 j-Resource
组件中得到启发:https://componentator.com/components/j-resource/
例如,如果我想用多种语言定义短信:
const AVAILABLE_LANGUAGES = ["en", "fr"];
const CONFIRM_BUTTON_TEXT = { "en": "Confirm", "fr": "Confirm in french"};
然后在组件模板的某处可以像这样使用它们:
<button>@{global.CONFIRM_BUTTON_TEXT.en}</button>
或在组件脚本或控制器中,如:
var default_language = global.AVAILABLE_LANGUAGES[0];
- 我应该在哪里定义这些常量以获得最佳实践
- 如何使用 javascript 在组件中访问它们
- 如何在 html 模板中访问它们
- 如何在控制器中访问它们
我建议使用 Total.js 本地化 和 @(Localization markup)
,示例如下。 Total.js本地化是您问题的答案。
<button>@(Confirm button)</button>
以及在服务器端JS代码中的用法:
var confirmbutton = TRANSLATE('de', 'Confirm button');
阅读更多:https://docs.totaljs.com/latest/en.html#pages~Localization
顺便说一句:如果你想在 JS 代码中在客户端使用本地化,那么你可以从 j-Resource
组件中得到启发:https://componentator.com/components/j-resource/