thymeleaf遍历String以创建img标记

Question

我正在尝试迭代Thymeleaf中的字符串列表.我想替换${nombre}变量的值加上".png",但由于某种原因,只有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}" />