知识点
th:utext 属性,和 th:text 功能一致,但是 th:utext 不会对内容进行转义。
上一章节已经创建了最简单的杂货店主页,但有还有些事情我们还没有考虑。例如,如果我们有下面这样一个消息呢?
home.welcome=Welcome to our <b>fantastic</b> grocery store!
如果我们还是像上一章节那样去执行此模板,我们将获得如下代码:
<p>Welcome to our <b>fantastic</b> grocery store!</p>
然而,这并不完全是我们所期望的,因为我们的 <b> 标记已经转义,因此它将直接显示在浏览器中,而不是对文本进行加粗效果。转义是 th:text 属性的默认行为。
如果我们希望 Thymeleaf 不对 <b> 标签进行转义,那么我们必须使用一个不同的属性:th:utext(表示 “未转义的文本”),例如:
<p th:utext="#{home.welcome}">Welcome to our grocery store!</p>
执行该模板,将输出如下代码:
<p>Welcome to our <b>fantastic</b> grocery store!</p>