Thymeleaf：使用可变密钥访问 map

Question

这是我的 model。

Map <String, String>

例如

{ sam: "NY", tom: "SF", sue: "WN" }

如果我在变量中有键，如何访问 JavaScript 的值？

// mod is the model
    
var key = "sam";
var foo = [[${mod.get ("sam")}]];    // key by string -> foo is defined (OK)
var bar = [[${mod.get (key)}]];      // key by variable -> bar is undefined

Answer 1

您可以将完整的 Java map 传递给 Thymeleaf 模板中的 JavaScript 代码：

<script th:inline="javascript">
    var key = "sam";
    var mymap = [[${mod}]];
    var bar = mymap[key];
    console.log( bar );
</script>

Thymeleaf 将创建以下 JavaScript（如您呈现的 web 页面所示）：

var key = "sam";
var mymap = {"sue":"WN","tom":"SF","sam":"NY"};
var bar = mymap[key];
console.log( bar ); // this prints "NY" to the browser console

这里的关键点是：Thymeleaf 只存在于服务器上 - 它不能执行 JavaScript 命令（在服务器上） - 并且你传递给 Thymeleaf 的 model 中没有名为key的变量。

因此 Thymeleaf 表达式 ${mod.get ( key ${mod.get (key)}中的键是 null。

---

解决此问题的另一种方法是将"sam"添加到Java 代码中的 model - 例如：

model.put("key", "sam");

或者，对于 Spring：

model.addAttribute("key", "sam");

现在， key有了一个有效值，可用于计算服务器上的 Thymeleaf 表达式${mod.get (key)} 。

但这并没有使用 JavaScript 行var key = "sam"; .

此选项可能不可行 - 它取决于值"sam"的来源。 如果它不适用于您的 Java 代码，这显然不会帮助您。

---

参考：更多详细信息，请参阅高级内联评估和 JavaScript 序列化。