使用Angular 4在Dialog中打开照片

Question

我有以下HTML代码，在我的Angular项目窗口的一部分中显示一个简单的相册。由于照片显示较小，我想点击一下，当您点击图像时，图像会显示在窗口上。但问题是它总是在一个新窗口中打开。我希望在对话框中打开图像。是否有任何选项在单击时在大对话框中显示此图像？

<ngb-carousel>
  <ng-template ngbSlide *ngFor="let photo of navbar.infoData.attributes.photo">
  <img class="card-img-top img-fluid w-full" [src]="photo" (error)="errorHandler($event)" onclick="myDialog(this.src)" alt="Kampus Fotoğrafı Bulunamadı">

   </ng-template>
   </ngb-carousel>

myDialog(imgSrc): void {
      let dialogRef = this.dialog.open(imgSrc, {
        height: '400px',
        width: '600px',
      });

    }