Html 如何使用NG-ZORRO在Angular中分页

我想在Html页面中使用NG-ZORRO分页，它可以工作，但很好，但是如何将内容链接到分页

这是我的Html代码

 <div class="row card-group-row">

        <div class="col-md-6 col-lg-4 col-xl-3" *ngFor="let course of draftCourses"> //I want to paginate this data
            <div class="card-blog">
                <a href="#">
                    <img src="../assets/images/image.jpg" alt="" class="img-blog" />
                </a>
                <div class="card-blog-wrap">
                    <a href="#">
                        <h4 class="title-blog">{{course.course_title}}</h4>
                    </a>
                </div>
            </div>
        </div>
        <nz-pagination [nzPageIndex]="1" [nzTotal]="500" [nzPageSize]="2" id="demo"> </nz-pagination>
    </div>

//我想把这些数据分页

我得到的HTML分页，但它并没有和内容链接。我以前使用过ngx分页，但我想在我的代码中使用nz分页，所以有人能帮我怎么做吗

这是NG-ZORRO的官方链接

---

提前感谢。

您需要实现将触发页面索引更改的事件

对于绑定使用（nzPageIndexChange）：

<nz-pagination [nzPageIndex]="1" [nzTotal]="500" [nzPageSize]="2" (nzPageIndexChange)="onPageIndexChange($event)" id="demo"></nz-pagination>

---

是的，刚才得到了同样的解决方案，无论如何，谢谢：）

export class YourAngularComponent{
  
  onPageIndexChange($event) {
  //do something here to go to next page
  }
.
.
}