在onclick属性中使用thymeleaf变量

Question

在我目前的spring-boot项目中，我有一个带有此html代码的视图：

<button type="button" class="btn btn-primary" onclick="upload()" th:utext="#{modal.save}"></button>

在onclick属性中，函数upload()的调用应该有一个参数，该值存储在百万富翁变量${gallery}中。

任何人都可以告诉我如何在上面的命令中使用表达式？

我已经尝试过了：

• th:onclick="upload(${gallery)"

• th:attr="onclick=upload(${gallery)"

这些都不起作用。

Answer 1

我用这种方法解决了这个问题：

th:onclick="|upload('${command['class'].simpleName}', '${gallery}')|"

Answer 2

这应该有效：

<button th:onclick="'javascript:upload(' + ${gallery} + ')'"></button>

Answer 3

百里香叶3.0.10 th：onclick 百里香变量不起作用

这应该有效：

th:attr="onclick=|upload('${gallery}')|" 

Answer 4

在Thymeleaf的3.0.10版本中

使用[[]]更容易，百里香去将值注入模板

如果该值为字符串，则不需要引号

<button th:data-id="${quartzInfo.id}" 
    th:onclick="del(this,[[${quartzInfo.id}]]" type="button">
</button>

Answer 5

较旧的答复在新版本的3.0.10中不起作用。现在您需要：

<button th:data-id="${quartzInfo.id}" 
    onclick="del(this,this.getAttribute('data-id'))" type="button">
</button>

Answer 6

是的，已经很晚了，但是我希望这会帮助需要它的人

尝试

th:onclick="'upload('+${gallery}+')'"