Мне нужно открыть изображение в виде всплывающего окна, щелкнув одно и то же изображение в Angular

#angular

Вопрос:

app.component.html:

 lt;tdgt;lt;a [href]="scan.domainDetails.screenshot"  *ngIf="scan.domainDetailsamp;amp;scan.domainDetails.screenshot"  target="_blank"gt;lt;img  [src]="scan.domainDetails.screenshot"  matTooltip="View Image" matTooltipPosition="above"  style="border-radius:3px;height: 80px; width: 100px"   class="image"gt;lt;/agt;  lt;/tdgt;  

Это html-код, когда я нажимаю на изображение, оно открывается на новой вкладке и отображает изображение.Теперь мне нужно отобразить, как при нажатии на изображение, оно должно открываться как всплывающее окно и закрываться в угловом. Спасибо

Комментарии:

1. Воспользуйтесь пользовательским интерфейсом Angular Material и найдите компонент диалога. Этот компонент появится при активации, и вы сможете добавить к нему изображение.

2. вместо диалогового компонента мы можем напрямую открыть изображение

3. В Интернете нет возможности просто «открыть изображение». Вы должны сделать это сами, вместо того, чтобы делать много работы самостоятельно. Вы можете использовать пользовательский интерфейс Material, чтобы облегчить свою жизнь.

4. ОК. Спасибо @spoilerddo