javascript - thymeleaf th :text How to add static text to dynamic value

Question

从 Thymeleaf 开始，有一个问题。我有迭代

<tr th:each="it,row  : ${res.answers}">
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${row.count}">
   1
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.question}">
   Value1
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.correctAnswer}">
   col2
   <a href="" th:onclick="'showExplanation(\'' + ${it.comment} + '\');'">
     <sup>Explanation</sup>
   </a>
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.answer}">
   col3
 </td>
</tr>

${it.correctAnswer} 行的格式应如下所示:

当且仅当 ${it.comment} 中不存在空字符串时，才应附加上标字符串“Explanation”，当我们单击该字符串时，会调用一些 Javascript 函数.

我上面的解决方案显然不起作用，但是有什么方法可以将一些静态 html 代码添加到 Thymeleaf 在运行时生成的动态值中。

我想做的是:

Answer 1

在您的示例中，您需要将文本连接到链接，只需将您的 html 更改为:

<td th:class="${row.even}? 'even' : 'odd'" th:text="${it.correctAnswer}">
 col2
 <a href="" th:onclick="'showExplanation(\'' + ${it.comment} + '\');'" >
  <sup>Explanation</sup>
 </a>
</td>

到

<td th:class="${row.even}? 'even' : 'odd'" >
 <span th:text="${it.correctAnswer}">col2</span>
 <a href="" th:if="${it.comment}!=''" th:onclick="'showExplanation(\'' + ${it.comment} + '\');'">
  <sup>Explanation</sup>
 </a>
</td>

这应该在有评论时显示评论链接。