Thymeleaf using path variables to th:href

Question

Here's my code, where I'm iterating through:

<tr th:each="category : ${categories}">
     <td th:text="${category.idCategory}"></td>
     <td th:text="${category.name}"></td>
     <td>
         <a th:href="@{'/category/edit/' + ${category.id}}">view</a>
     </td>
</tr>

The URL it points to is supposed to be /category/edit/<id of the category>, but it says it could not parse the expression:

Exception evaluating SpringEL expression: "category.id" (category-list:21)

Are u sure that `id` is a property of a category object? Or is `idCategory` semantically different? — Julian L., Nov 17 '15 at 10:02

score 109 · Answer 1 · answered Mar 12 '18 at 01:12

109

The right way according to Thymeleaf documention for adding parameters is:

<a th:href="@{/category/edit/{id}(id=${category.idCategory})}">view</a>

answered Mar 12 '18 at 01:12

Mario Rojas

1,313
1
9
15

17

That's a very underappreciated answer . To my opinion that's the best one. – MarcDeXeT Apr 04 '19 at 07:29

score 60 · Answer 2 · edited Nov 22 '19 at 09:31

60

I think your problem was a typo:

<a th:href="@{'/category/edit/' + ${category.id}}">view</a>

You are using category.id, but in your code is idCategory, as Eddie already pointed out.

This would work for you:

<a th:href="@{'/category/edit/' + ${category.idCategory}}">view</a>

edited Nov 22 '19 at 09:31

Sae1962

1,122
15
31

answered Mar 26 '16 at 12:54

cralfaro

5,822
3
20
30

score 29 · Answer 3 · answered Jan 23 '18 at 16:32

29

A cleaner and easier way to do this

<a href="somepage.html" th:href="@{|/my/url/${variable}|}">A Link</a>

I found this solution in Thymeleaf Documentation on "4.8 Literal substitutions".

answered Jan 23 '18 at 16:32

douglasmiguel7

391
3
2

Very nice. I hope people see this answer - this is far nicer and more compact than the other approaches listed here, avoiding the need for '...' or duplicating the names with the the (...) link syntax – Ben Spiller Jun 08 '23 at 17:49

score 14 · Answer 4 · edited Nov 22 '19 at 10:52

Your code looks syntactically correct, but I think your property doesn't exist to create the URL.

I just tested it, and it works fine for me.

Try using category.idCategory instead of category.id, for example…

  <tr th:each="category : ${categories}">
    <td th:text="${category.idCategory}"></td>
    <td th:text="${category.name}"></td>
    <td>
      <a th:href="@{'/category/edit/' + ${category.idCategory}}">view</a>
    </td>
  </tr>

score 5 · Answer 5 · answered Jun 07 '18 at 21:50

I was trying to go through a list of objects, display them as rows in a table, with each row being a link. This worked for me. Hope it helps.

// CUSTOMER_LIST is a model attribute
<table>
    <th:block th:each="customer : ${CUSTOMER_LIST}">
        <tr>
            <td><a th:href="@{'/main?id=' + ${customer.id}}" th:text="${customer.fullName}" /></td>
        </tr>
    </th:block>
</table>

score 4 · Answer 6 · answered May 02 '16 at 12:02

4

I think you can try this:

<a th:href="${'/category/edit/' + {category.id}}">view</a>

Or if you have "idCategory" this:

<a th:href="${'/category/edit/' + {category.idCategory}}">view</a>

answered May 02 '16 at 12:02

Denis Marennikov

41
1

score 4 · Answer 7 · answered May 12 '20 at 05:39

You can use like

My table is bellow like..

<table>
   <thead>
    <tr>
        <th>Details</th>
    </tr>
</thead>
<tbody>
    <tr th:each="user: ${staffList}">
        <td><a th:href="@{'/details-view/'+ ${user.userId}}">Details</a></td>
    </tr>
 </tbody>
</table>

Here is my controller ..

@GetMapping(value = "/details-view/{userId}")
public String details(@PathVariable String userId) { 

    Logger.getLogger(getClass().getName()).info("userId-->" + userId);

 return "user-details";
}

This thing worked for me in this case: Click Here to reset your Password. — Software Engineer, Jul 05 '21 at 14:53

score 3 · Answer 8 · edited May 19 '21 at 19:49

3

You can use:

html:

 <html xmlns:th="http://www.thymeleaf.org">

<a th:href="@{'/category/'+ ${item.idCategory}}">View</i></a>

Controller: @PathVariable String parentId

edited May 19 '21 at 19:49

General Grievance

4,555
31
31
45

answered May 19 '21 at 04:07

Lâm Hồ

39
1

view – Lâm Hồ May 19 '21 at 04:08

score 2 · Answer 9 · answered Jun 24 '18 at 15:23

"List" is an object getting from backend and using iterator to display in table

"minAmount" , "MaxAmount" is an object variable "mrr" is an just temporary var to get value and iterate mrr to get data.

<table class="table table-hover">
<tbody>
<tr th:each="mrr,iterStat : ${list}">
        <td th:text="${mrr.id}"></td>
        <td th:text="${mrr.minAmount}"></td>
        <td th:text="${mrr.maxAmount}"></td>
</tr>
</tbody>
</table>

score 0 · Answer 10 · answered Jul 13 '20 at 08:14

0

try this one is a very easy method if you are in list of model foreach (var item in Modal) loop

<th:href="/category/edit/@item.idCategory>View</a>"

or

<th:href="/category/edit/@item.idCategory">View</a>

answered Jul 13 '20 at 08:14

Sneha

1
1

Jean-Claude MBENG · Answer 11 · 2022-10-31T01:19:01.377

0

You can also use ${yourVariable} for exampe <th:href="/category/edit/__${yourVariable}__">View</a>

edited Oct 31 '22 at 01:19

answered Oct 31 '22 at 01:17

Jean-Claude MBENG

1
1

score 0 · Answer 12 · answered Feb 18 '23 at 19:26

Hi you can use thymeleaf preprocessing :

<tr th:each="category : ${categories}">
    <td th:text="${category.idCategory}"></td>
    <td th:text="${category.name}"></td>
    <td>
        <a th:href="@{__${category.idCategory}__}">view</a>
    </td>
 </tr>

Thymeleaf using path variables to th:href

12 Answers12

Linked