java - JavaScript 和 Thymeleaf 中的 Spring 消息

Question

我将 Thymeleaf 与 Spring MVC 4.1.1 一起使用，并且我希望能够为我的 JavaScript 文件重新使用我的 Spring 消息(使用用户自动检测到的语言环境)。例如。我想要做:

$('#fooTitle').text(messages['foo.title']);

...并且#fooTitle 将包含 foo.title 下的值对于用户语言环境。

什么是最简单的方法来做到这一点？请注意，我想要一个 JavaScript 对象(“字典”)或其他易于导航的数据结构。

Answer 1

如果不是最简单的(但诚然足够简单)，最干净和最健壮的方法是使用 html5 数据属性将后端数据传递给 js。这样，无论您是否将 javascript 移动到外部文件，它仍然有效。使用一些元素作为容器(选择最适合你的情况)作为 thymeleaf 后端检索到的 i18n 值的载体，然后使用 jQuery 访问它们

在 html 中:

<div id="container" th:attr="data-foo-title-txt=#{foo.title}"></div>

在js中:

$('#fooTitle').text($("#container").data("foo-title-txt"));

另请参阅我较早的类似答案，(尽管此后 OP 没有留下任何生命迹象:))
,
JavaScript, Thymeleaf and localizing text