Передача переменной в качестве параметра в методе onclick в Angular

Question

Я пишу html, где html будет отображать список записей с тремя полями - идентификатор, имя и значок. Когда пользователь щелкнет по значку, будет вызван метод, в котором идентификатор будет передан в качестве параметра и будут возвращены сведения об этой записи. Отрезанный код, который я придерживаюсь, выглядит следующим образом:

<tr *ngFor="let userDetail of userDetails">
                  <td>{{ userDetail.id }}</td>
                  <td>{{ userDetail.firstname }}  {{userDetail.lastname}}</td>
                  <td><a href="javascript:void(0);" (click) = "showUserDetails()" ><img src="/assets/user_details.png" width="20" height="20" /></a></td>
                </tr>

Здесь мне нужно передать userDetail.id, когда будет создана функция showUserDetails (). Но все равно не смог передать параметр. Какой будет лучший способ передать этот параметр? Заранее спасибо.

Answer 1

Вы должны убедиться:

1. Вы передаете значение в метод: (click) = "showUserDetails(userDetails.id)"

2. Метод должен быть объявлен в том же компоненте, в противном случае вам нужно привязать, например, сервис, в который он внедрен, в переменной publi c в конструкторе компонентов.

Я создал простой stackblitz проект . это может помочь вам.