thymeleaf遍历String以创建img标记

No *_*One 2 html java spring thymeleaf spring-boot

我正在尝试迭代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>
Run Code Online (Sandbox Code Playgroud)

结果HTML

在此输入图像描述

Iwo*_*ski 5

你可以这样做:

    <img th:attr="src=@{|/img/champion_icons/${nombre}.png|},title=${nombre},alt=${nombre}" />
Run Code Online (Sandbox Code Playgroud)

要么

<img th:attr="src=@{'/img/champion_icons/' + ${nombre} + '.png'},title=${nombre},alt=${nombre}" />
Run Code Online (Sandbox Code Playgroud)