Spring与Thymeleaf – 在UI中显示角色数组

huangapple go评论84阅读模式
英文:

Spring with Thymeleaf - Display Array of Roles in UI

问题

我在尝试将用户角色显示在我的UI中,但遇到了一些学习上的困难。UI使用的是Thymeleaf

以下是能够显示数组中第一项的代码部分:

<tr th:each="appuser: ${appuser}">
    <td th:text="${appuser.id}"></td>
    <td th:text="${appuser.firstName}" />
    <td th:text="${appuser.lastName}" />
    <td th:text="${appuser.email}" />
    <td th:text="${appuser.roles[0].name}" />
    <td></td>
    <td><a class="btn btn-primary"
           th:href="@{/edit/{id}(id=${appuser.id})}">Edit</a>
    </td>
</tr>

我在处理用户角色数组时遇到了问题。请问如何在foreach中显示数组的所有元素?

英文:

I'm having some learning pains trying to get user roles to display in my UI. The UI is Thymeleaf.

I have the following which does display the first item in the array:

&lt;tr th:each=&quot;appuser: ${appuser}&quot;&gt;
    &lt;td th:text=&quot;${appuser.id}&quot;&gt;&lt;/td&gt;
    &lt;td th:text=&quot;${appuser.firstName}&quot; /&gt;
	&lt;td th:text=&quot;${appuser.lastName}&quot; /&gt;
	&lt;td th:text=&quot;${appuser.email}&quot; /&gt;
	&lt;td th:text=&quot;${appuser.roles[0].name}&quot; /&gt;
	&lt;td&gt;&lt;/td&gt;
	&lt;td&gt;&lt;a class=&quot;btn btn-primary&quot;
		th:href=&quot;@{/edit/{id}(id=${appuser.id})}&quot;&gt;Edit&lt;/a&gt;
    &lt;/td&gt;
&lt;/tr&gt;

The array of user roles is where I'm having some issue. How would I display the array in a foreach?

答案1

得分: 4

请查看以下翻译:

使用 for-each 结构

<td>
  <a th:each="role: ${appuser.roles}" th:text="${role.name}"></a>
</td>

示例:

<tr>
    <td>
        <a>name1</a><a>name2</a><a>name3</a>
    </td>
</tr>
英文:

Use for-each construction

&lt;td&gt;
  &lt;a th:each=&quot;role: ${appuser.roles}&quot; th:text=&quot;${role.name}&quot;&gt;&lt;/a&gt;
&lt;/td&gt;

Example:

&lt;tr&gt;
    &lt;td&gt;
        &lt;a&gt;name1&lt;/a&gt;&lt;a&gt;name2&lt;/a&gt;&lt;a&gt;name3&lt;/a&gt;
    &lt;/td&gt;
&lt;/tr&gt;

huangapple
  • 本文由 发表于 2020年10月7日 12:41:29
  • 转载请务必保留本文链接:https://go.coder-hub.com/64237323.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定