Как использовать значение переменной в качестве идентификатора элемента HTML на странице gsp?

Я пытаюсь динамически установить значения идентификаторов некоторых элементов на странице gsp. Значения передаются на страницу из контроллера при рендеринге. Однако, когда я смотрю исходный код, значение идентификатора не установлено.

Я пытаюсь сделать следующее:

<g:each in = "${listBenefits}" var = "benefit" status = "i">
    <div class = "card"  id = "${benefit.getId()}">
...
</g:each>

но значение не вставляется в идентификатор.

Однако я могу сделать следующее:

<h1>${benefit.getId()}</h1>

И значение отображается.

Я пытался установить значение переменной, прежде чем использовать ее так

<g:set var = "idaccordion" value = "${benefit.getId()}" />
<div class = "card"  id = "${idaccordion}">

и тоже не работает.

Я ожидаю получить что-то вроде этого:

<div class = "card"  id = "desired_id">

и вместо этого я получаю что-то вроде этого

<div class = "card"  id = "">

Любые идеи о том, что я делаю неправильно, будут оценены.

Звучит странно. Он должен работать. Не могли бы вы соединить h1 и div в один each и показать код и результат? Без всяких других тегов..

daggett 05.04.2019 00:43
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
1
210
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я не могу найти ошибок в вашей работе. Я предлагаю вам попробовать следующий фрагмент в том же представлении (например, на странице gsp) и посмотреть, как он отображается.

<g:each in = "${1..3}" var = "rn">
    <div id = "${rn}">Test ${rn}</div>
</g:each>

Если код работает правильно, я считаю, что вам нужно пересмотреть benifit.getId() метод. Вы можете использовать benefit.id, чтобы увидеть, дает ли это какую-либо разницу.

Спасибо за вашу помощь. Это был метод Benefit.getId(). Я неправильно обрабатывал один из случаев, и он возвращал значение null, что приводило к сбою.

blidt 05.04.2019 01:14

Другие вопросы по теме