在JavaScript中使用Thymeleaf进行翻译

Question

In my HTML page I'm loading my translation with Thymeleaf like that:

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

Is it possible to translate text wich is hard coded in my JavaScript code? 'Loading Data...' should be translated with th:text="#{general.loadingData}" <- but this is the way I would translate it im my HTML page, this doesn't work for JavaScript Code. All the translations are in a messeges_en.properties file. How can I translate the text in JavaScript?

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

Answer 1

You should use javascript Intl API .

FormatJs is a modular collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings for displaying to people.

It has support for ICU message format (International Components for Unicode) which is also well supported in java as well.

So you can expose your translations in ICU message format and consume them from both java and javascript.

In general, it is better to treat javascript and java code as separate applications as opposed to treating javascript as something that is tacked on top of a java template language like thymeleaf.