'Click on dom item and send reference of it to the typescript controller

I have the following piece of html template for my component :

 <li *ngFor="let document of displayedDocuments; let index = index"  (click)="openPreviewModal(document, $event)">
    <ng-container *ngIf="!isPreviewHidden; else placeholder">
      <img *ngIf="!isPreviewHidden" ...

When I click any list-item I want to open a modal specific to that list item, but I need to access the src of the img inside the list-item, so that's why I passed $event to the openPreviewModal function, but it comes undefined.

Is there any way to achieve the needed result?

javascript angular

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Click on dom item and send reference of it to the typescript controller

Sources

Related Questions