web-dev-qa-db-ja.com

ThymeleafでHTML要素のid属性を動的に設定する方法

オブジェクトがあるとしましょう：$ {object}

私は次のフォームを持っています：

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

私の目標は、object.idが「1」であると仮定した場合、id = "myForm1"を設定することです。

PS：私が書いた方法はAngular JS。

htmlspringrestthymeleaf
23
Lazar Lazarov

Th：id属性を使用する必要があります。

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

ラベルで動的IDを使用する方法は次のとおりです。

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