Thymeleaf进入<style> </ style>

Question

我正在使用聚合物与Thymeleaf,我想在paper-scroll-header-panel元素中设置背景图像,当它是无条件的时候.所以,我正在尝试这个:

paper-scroll-header-panel{
--paper-scroll-header-panel-full-header: {
    background-image: url("+ @{(${session.user.coverImagePath})} + ");        
  };
}

但是Thymeleaf没有呈现这个代码,当我访问这个模板时,我得到了代码.那么,我怎样才能用Thymeleaf设置这个属性？

Answer 1

你必须明确告诉Thymeleaf在带有th:inline属性的文本中查找表达式,而不是用双方括号括起表达式.

<style th:inline="text">
    paper-scroll-header-panel{
       --paper-scroll-header-panel-full-header: {
          background-image: url([[@{(${session.user.coverImagePath})}]]);        
       };
    }
</style>

Thymeleaf的作者出于性能原因选择了这个方案,因为与JSP或Facelets相比,Thymeleaf的模板解析和处理非常不同.