infiniteScroll不能在nz-modal体上工作，我怎样才能使它工作

Question

我有一个要显示的模态视图和一个内容列表，所以想要滚动并显示更多内容。我使用ng-zorro和/ ngx-infinite-scroll

这是代码，但它不起作用我怎样才能使它工作

   <nz-modal nzWidth="80%" nzWrapClassName="vertical-center-modal" [(nzVisible)]="isVisible"
              nzTitle="参数信息" (nzOnCancel)="onCancel()" (nzOnOk)="onOk()"
              class="demo-infinite-container"
              infiniteScroll
              [infiniteScrollDistance]="2"
              [infiniteScrollThrottle]="50"
              (scrolled)="onScroll()"
              [scrollWindow]="false"
              [nzBodyStyle]="{height: '300px'}"
    >

        <nz-list [nzDataSource]="data" [nzRenderItem]="item">
          <ng-template #item let-item>
            <nz-list-item>
              <nz-list-item-meta
                [nzTitle]="nzTitle"
                nzAvatar="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
                [nzDescription]="item.email">
                <ng-template #nzTitle>
                  <a href="https://ng.ant.design">{{item.name.last}}</a>
                </ng-template>
              </nz-list-item-meta>
            </nz-list-item>
          </ng-template>
          <nz-spin *ngIf="loading && hasMore" class="demo-loading"></nz-spin>
        </nz-list>
    </nz-modal>