用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库的模块化集合，专注于格式化数字，日期和字符串以便向人们显示。

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

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

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