thymeleaf遍历String以创建img标记

Question

我试图在Thymeleaf的一系列字符串中进行迭代。我想将${nombre}变量替换为其值+＃34; .png＆＃34;，但由于某种原因，只有atts title和alt显示该值。你能帮我吗？

<div class="modal-body" id="modal-champions-body">
    <div th:each="nombre : ${listaNamesChamps}" style="float:left;">
        <img src="../../img/champion_icons/${nombre}.png"
             th:attr="src=@{/img/champion_icons/${nombre}.png},title=${nombre},alt=${nombre}"/>
    </div>
</div>

结果HTML

Answer 1

你可以这样做：

    <img th:attr="src=@{|/img/champion_icons/${nombre}.png|},title=${nombre},alt=${nombre}" />

或

<img th:attr="src=@{'/img/champion_icons/' + ${nombre} + '.png'},title=${nombre},alt=${nombre}" />

Answer 2

如果您将使用带有2前缀的每个属性，那么它也应该是正确的：

1

链接到official tutorial。