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

score 49 · Accepted Answer · answered Jun 28 '14 at 02:02

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 '14 at 02:02

Jad B.

1,403
15
14

score 3 · Answer 2 · edited Apr 20 '18 at 00:08

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/>

Loop through array in ThymeLeaf

2 Answers2