Angular 7虚拟滚动单击事件

Question

我在 cdk-virtual-scroll-viewport 组件上遇到问题，并在 cdkVirtualFor 中单击。

（使用虚拟滚动条之前）的代码示例为：

<div *ngIf="!loading" class="row">
    <div *ngFor="let url of urls; index as urlIndex" class="col s3">
        <img class="imgGallery" [src]="url" (dblclick)="onDisplayImageModal(urlIndex)"/>
    </div>
</div>

更改为虚拟滚动时，不会触发dblclick：

<cdk-virtual-scroll-viewport *ngIf="!loading" class="row" style="height: 500px" itemSize="120">
        <div *cdkVirtualFor="let url of urls; let urlIndex = index" class="col m3">
            <img class="imgGallery" [src]="url" (dblclick)="onDisplayImageModal(urlIndex)"/>
        </div>
    </cdk-virtual-scroll-viewport>

该索引是正确的，但我不知道为什么它不触发...

希望这很容易，但是希望您能提出建议！