Java 将图标添加到(链接)元素/元素中的元素
我需要创建一个呈现到此HTML的元素,以便图标是Java 将图标添加到(链接)元素/元素中的元素,java,spring,thymeleaf,Java,Spring,Thymeleaf,我需要创建一个呈现到此HTML的元素,以便图标是a内部HTML的一部分: <li> <a href="/pricing/de" id="de"> <i class="fa fa-circle-o"></i>Deutschland </a> </li> 我目前的做法如下 <li th:each="country : ${countryList}"> <a th:
a
内部HTML的一部分:
<li>
<a href="/pricing/de" id="de">
<i class="fa fa-circle-o"></i>Deutschland
</a>
</li>
我目前的做法如下
<li th:each="country : ${countryList}">
<a th:href="@{country.getKey()}" th:text="${country.getValue()}">
<i th:class="fa fa-square-o"></i>
</a>
</li>
但这当然会用th:text
覆盖图标。将图标添加到文本中似乎也不起作用
如何在thymeleaf中做到这一点?有很多方法可以解决这个问题。我可能会这样做:
<li th:each="country : ${countryList}">
<a th:href="@{country.key}" >
<i th:class="fa fa-square-o"></i><span th:text="${country.value}" />
</a>
</li>
但是您可能不需要额外的跨度,因此可以使用th:block
<li th:each="country : ${countryList}">
<a th:href="@{country.key}">
<i th:class="fa fa-square-o"></i><th:block th:text="${country.value}" />
</a>
</li>
或者只是内联文本本身
<li th:each="country : ${countryList}">
<a th:href="@{country.key}" th:inline="text">
<i th:class="fa fa-square-o"></i>[[${country.value}]]
</a>
</li>
编辑:另外,如果您根据JavaBeans约定命名属性,那么应该只使用.key而不是.getKey()