在 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];
  1. 我应该在哪里定义这些常量以获得最佳实践
  2. 如何使用 javascript
  3. 在组件中访问它们
  4. 如何在 html 模板中访问它们
  5. 如何在控制器中访问它们

我建议使用 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/