在JavaScript中使用Thymeleaf进行翻译

Question

在我的HTML页面中，我正在用Thymeleaf加载我的翻译，如下所示：

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

是否可以翻译在我的JavaScript代码中硬编码的文本？ “正在加载数据...”应使用th：text =“＃{general.loadingData}” <-进行翻译，但这是我将其翻译到HTML页面中的方式，这不适用于JavaScript代码。 所有翻译都在messeges_en.properties文件中。 如何翻译JavaScript中的文字？

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

Answer 1

您应该使用javascript Intl API 。

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

它支持 ICU消息格式 （Unicode的国际组件），Java也很好地支持该消息格式 。

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

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