Привязать тег <a>к объекту в Thymeleaf

Question

У меня есть Список данных из Таблицы 1, показанный на странице, и у каждых данных есть кнопка «увидеть больше ...», когда пользователь нажимает эту кнопку, они переходят на новую страницу, где я хочу показать только связанные данные с Таблица 2, пока пользователь нажимает кнопку, отображаются все данные из таблицы 1 и таблицы 2. Мне нужно как-то связать тег с объектом.

Структура базы данных

Шаблон листа тимьяна 1 (элементы списка) :

<div th:each="menu : ${menuList}">
     <div th:each="ing : ${menu.ingredient}" class="content">
        <div class="inside-box">
            <h1 th:text="${menu.name}" class="menu-name">Menu Name</h1>
            <a th:href="@{/foodDescription}"><p class="text">See More...</p></a>
            <!-- this is the button that I want to associate with the object-->
        </div>
     </div>
</div>

Шаблон Thymeleaf 2 (страница «подробнее ...») :

   <div th:each="menu:${menuList}" class="content">
        <a th:href="@{/recipeList}">Go Back To List</a>
        <h1 th:text = "${menu.name}" class="menuName">Menu Name</h1>
        <div th:each="ing : ${menu.ingredient}" class="listItems">
            <ul>
                <li th:text = "${ing.ingredientName}">Food Description</li>
                    <ul>
                        <li th:text="${ing.ingredientDescription}"></li>
                    </ul>
            </ul>
        </div>
    </div>

Элемент меню:

//Fields
...
// Mapping To second table
    @OneToMany(cascade = CascadeType.ALL)
    @JoinTable(name = "menu_ingredient",
               joinColumns = @JoinColumn(name = "menu_id"),
               inverseJoinColumns = @JoinColumn(name = "ingredient_id"))
    private List<Ingredients> ingredient = new ArrayList<>();
// Constructors / Getters & Setters / ToString