如何在thymeLeaf中回复“data-othersrc”

Question

我在观景方面使用百里香。我需要在thymeLeaf中写下给定的陈述

id

我能够在thymeLeaf中将 src 写为 th：src =“@ {$ {demo.value}} ，然后我该如何为执行此操作数据othersrc

Answer 1

Thymeleaf中html5属性的标准标准语法为$this->groups[$i] = new stdClass(); ，后跟属性5.6 Support for HTML5-friendly attribute and element names。可以在那里找到使用th:的html元素的示例。请尝试在代码中使用以下内容，类似于您使用data-的方式。这没有为Link URL Expressions保留的th:src。

@

  

data- {prefix} - {name}语法是在HTML5中编写自定义属性的标准方法，无需开发人员使用任何名称空间的名称，如：*。 Thymeleaf使这种语法自动适用于所有方言（不仅是标准方言）。

现在如果<img th:data-othersrc="${demo.value}" th:src="@{${demo.value}}" th:alt="img" th:class="img-responsive"> 中的${demo.value}未解析，则可能是从控制器发送到模板的th:src对象的问题。

Answer 2

我试过这个：

<img th:attr="data-othersrc=@{${demo.value}}"
     th:src="@{${demo.value}}">

它对我有用。