web-dev-qa-db-ja.com

ThymeLeafの配列をループする

私はThymeLeafの初心者であり、<p> htmlタグをループする方法と、その<p>タグ内の配列を反復処理する方法があるかどうか疑問に思っていました。 smokeTest内の要素を別の段落に配置する必要があります。

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

ご協力いただきありがとうございます

arraysloopsthymeleafparagraph
26
user3073234

次のコードを試しましたか？私はそれをテストしませんでした、頻繁に使用されるためです：

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

これはかなり簡単です。あなたはこれを行うことができます：

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

段落タグ以外の他のhtmlタグも使用できます。このような：

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