CODEWITHSUNDEEP
arraysloopsthymeleafparagraph
user3073234
user3073234

Reputation: 771

Loop through array in ThymeLeaf

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

Upvotes: 28

Views: 47241

Answers (2)

Jabir Minjibir
Jabir Minjibir

Reputation: 137

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

Upvotes: 3

Jad B.
Jad B.

Reputation: 1483

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>

Upvotes: 49

Related Questions