web-dev-qa-db-fra.com

Comment définir l'attribut id d'un élément HTML de manière dynamique avec Thymeleaf

Disons que j'ai un objet: $ {objet}

et j'ai le formulaire suivant:

<form id="{{'myForm' + object.id}" class="some class"
      th:action="@{/doSomething}" method="post">
    ....
</form>

Mon but est de définir l'id = "myForm1" si nous supposons que le object.id est '1'.

PS: La façon dont j'ai écrit ça marche sur Angular JS.

16
Lazar Lazarov

Vous devez utiliser l'attribut th: id:

<form th:id="'myForm' + ${object.id}" class="some class" th:action="@{/doSomething}" method="post">
// *** Other code here ***
</form>
34

Voici comment utiliser un identifiant dynamique avec label:

        <th:block th:with="randomId=${#strings.randomAlphanumeric(10)}">
            <input type="checkbox" th:id="${randomId}">
            <label th:for="${randomId}"></label>
        </th:block>
0
rgrebski