在 JavaScript 中使用 Thymeleaf 进行翻译

【问题标题】：Translation with Thymeleaf in JavaScript在 JavaScript 中使用 Thymeleaf 进行翻译
【发布时间】：2018-08-10 16:27:35
【问题描述】：

在我的 HTML 页面中，我正在使用 Thymeleaf 加载我的翻译：

<button type="button" ng-click="$ctrl.resetData()" th:text="#{general.reset}">Reset</button>

是否可以翻译在我的 JavaScript 代码中硬编码的文本？ 'Loading Data...' 应该用 th:text="#{general.loadingData}"

function(request: any) {
    asLoading.show('Loading Data...');
    return request || $q.when(request);
}

【问题讨论】：

【解决方案1】：

您应该使用 javascript Intl API。

FormatJs 是用于国际化的 JavaScript 库的模块化集合，专注于格式化数字、日期和字符串以显示给人们。

它有support 代表ICU message format（Unicode 的国际组件），这在java 中也得到了很好的支持。

因此，您可以以 ICU 消息格式公开您的翻译，并从 java 和 javascript 中使用它们。

一般来说，最好将 javascript 和 java 代码视为单独的应用程序，而不是将 javascript 视为附加在诸如 thymeleaf 之类的 java 模板语言之上的东西。

【讨论】：