angular+ ionic + NG-ZORRO 走马灯左右控制

走马灯左右控件

ionic和ng-zorro组合

<ion-slides #carousel [pager]="false" [options]="slideOpts">
  <ion-slide *ngFor="let list of partnersList">
    <ion-row size="12">
      <ion-col *ngFor="let item of list">
        <img [src]="item.ColorUrl">
      </ion-col>
    </ion-row>
  </ion-slide>
</ion-slides>
<button class="p-left-btn partner-perv" (click)="carousel.slidePrev()"><i nz-icon type="left"></i></button>
<button class="p-right-btn partner-next" (click)="carousel.slideNext()"><i nz-icon type="right"></i></button>
复制代码

主要是#carousel

转载于:https://juejin.im/post/5cfdd3bde51d4577770e735e