Передача параметров в модальное окно. Bootstrap

Есть таблица юзеров, пытаюсь сделать форму изменения пользовательских данных при помощи модального окна. Таблица сделана вот таким образом -

<tr th:each="user : ${users}">
   <td th:utext="${user.id}"></td>
   <td th:utext="${user.name}"></td>
   <td th:utext="${user.email}"></td>
   <td th:utext="${user.password}"></td>
   <td th:utext="${user.getRolesName()}"></td>
   <td><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-user-id="${userId}"
     data-name=${user.name} data-email="${user.email}" data-password="$user.password">
     Edit </i></button></td>

Скрипт, которым пытаюсь считывать данные в модалку -


 $("#myModal").on('show.bs.modal', function(e) {
        $('#userId').val($(e.relatedTarget).data('user-id'));
        $('#name').val($(e.relatedTarget).data('name'));
        $('#password').val($(e.relatedTarget).data('password'));
        $('#email').val($(e.relatedTarget).data('email'));
    });

В результате в форму передается текст "${userId}", а не соответствующие данные.

Догадываюсь, что я где-то в синтаксисе ошибаюсь, но не могу понять, что делаю не так.

Заранее благодарю за внимание.


Ответы (0 шт):