格式化標簽不適用於Thymeleaf

Question

為什么這段代碼在文本之前顯示圖像：

<p>
  <span>
    <img src="../assets/images/favorite.svg" height="12px"/>
  </span>
  Baked Alaskan Salmon with Asparagus
</p>

但是當用Thymeleaf格式化時，它不會顯示圖像：

<p th:text="@{' ' + ${recipe.name}}">
  <span>
    <img src="../assets/images/favorite.svg" height="12px"/>
  </span>
  Baked Alaskan Salmon with Asparagus
</p>

Answer 1

嘗試使用Thymleaf's th:inline="text"標簽在Thymleaf處理過的標簽內顯示html內容。 下面的代碼應該工作，雖然我沒有測試過

<p th:inline="text">
    [[@{' ' + ${recipe.name}}]]
    <span>
        <img src="../assets/images/favorite.svg" style="height:12px"/>
    </span>
    Baked Alaskan Salmon with Asparagus
</p>

有關inline代碼如何工作的更多說明，請查看文檔