在百里香叶中转义“&”字符答案

【问题标题】：Escaping '&' character in thymeleaf在百里香叶中转义“&”字符
【发布时间】：2015-04-29 08:06:51
【问题描述】：

我需要使用 thymeleaf 将图像加载到 html img 标记上。问题是，图像本身是从一个带有两个参数的 url 中获取的。

示例：

<img src="/products/images?categoryId=1&image=1" />

问题是，image 参数是动态生成的，因此我需要在那里使用 thymeleaf 表达式。因此我尝试了这样的事情：

<img th:src="@{'/products/images?categoryId=1&image=' + ${product.id}}" />

但是当我运行它时，我收到以下消息：

Exception parsing document: template="product-list", line 104 - column 59

它指向“&”符号出现的位置。现在，我尝试使用 '&'但是随后，网址变成了类似

/products/images?categoryId=1&amp;image=1

显然，这是行不通的。

那么我如何使用 thymeleaf 建立一个包含两个参数的有效链接呢？

【问题讨论】：

【解决方案1】：

这可以通过 Thymeleaf 轻松完成。不要连接字符串和只需使用@{'/products/images'(categoryId=1, image= ${product.id})}

【讨论】：

【解决方案2】：

在任何 html 属性中转义 & 符号 &amp; 的方式是 &amp;。实际上，无论您是否使用 Thymeleaf，您都应该始终在所有 html 属性中转义与符号。

有关更多详细信息和参考资料，请参阅此问题： Do I encode ampersands in <a href...>?

【讨论】：