我有一个任务,每个任务都有评论。我使用手风琴来展开评论部分,但问题是当我打开一个评论部分时会打开所有评论。
所以在 JAVA EE 中我这样解决了这个问题:
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse<%task.getId>" data-bs-target="#collapse" aria-expanded="false" aria-controls="collapse<%task.getId>">
您可以看到: <%task.getId> 文本内的代码可按其 id 单独打开每个任务评论。
但是如何在 Spring Boot Thymeleaf 中编写这个呢?我试过:
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse__${task.getId}__" data-bs-target="#collapse" aria-expanded="false" aria-controls="collapse__${task.getId}__">
但 ${} 代码保持绿色。那么如何在文本中编写没有“th:??”的 Thymeleaf 代码呢? ?
我尝试了__${code}__,但不起作用。 使用 Kotlin(Spring Boot)
Thymeleaf 仅处理以
th:
为前缀的属性。如果您没有 th:
,则不会被处理。 (为什么要用Thymeleaf,而不是th:
?)
您可以通过文字替换完成与您想要的类似的事情。
<button ... th:aria-controls="|collapse${task.getId}"|>