Loop through array in ThymeLeaf

Question

I am new to ThymeLeaf and I was wondering if there was a way to loop around a <p> html tag as well as iterate through an array within that <p> tag. I want the elements within smokeTest to end up in different paragraphs.

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Getting Started: Serving Web Content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<p th:text="${smokeTests[0].name}"/>
</body>
</html>

Thanks for your help

Jad B. · Accepted Answer · 2014-06-28 02:02:47Z

49

Did you try the following code? I didn't test it, cause it's often used :

<body>
    <p th:each="smokeTest : ${smokeTests}"
       th:text="${smokeTest.name}">A Smoke Test</p>
</body>

answered Jun 28, 2014 at 2:02

Jad B.

1,49315 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Stephen Rauch · Accepted Answer · 2018-04-20 00:08:44Z

3

This pretty straight forward. You can do this:

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Getting Started: Serving Web Content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <p th:each="smokeTest : ${smokeTests}" th:text="${smokeTest.name}"><p/>
</body>
</html>

You can also use some other html tags other than paragraph tag. Like this:

<h2 th:each="smokeTest : ${smokeTests}" th:text="${smokeTest.name}"><h2/>

edited Apr 20, 2018 at 0:08

Stephen Rauch♦

50.1k32 gold badges119 silver badges143 bronze badges

answered Apr 19, 2018 at 23:47

Jabir Minjibir

1371 silver badge6 bronze badges

Collectives™ on Stack Overflow

Loop through array in ThymeLeaf

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related