在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模板語言之上的東西。