nz-carousel 自定义左右侧按钮

最新推荐文章于 2024-05-17 18:00:52 发布

strong90

最新推荐文章于 2024-05-17 18:00:52 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Android 学习笔记

本文链接：https://blog.youkuaiyun.com/strong90/article/details/90081533

Android 学习笔记专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一个使用Angular实现的轮播图组件，展示了如何通过Angular的*ngFor指令遍历数据并展示图片，同时利用自定义按钮进行轮播切换。代码中包含了左右切换按钮的实现，以及如何与轮播图组件交互的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


    <button clear-btn class="p-left-btn" (click)="carousel.pre()"><i nz-icon type="left"></i></button>
    <button clear-btn class="p-right-btn" (click)="carousel.next()"><i nz-icon type="right"></i></button>

    <nz-carousel #carousel [nzEffect]="'scrollx'" [nzEnableSwipe]="false" class="zl-carousel-box">
      <div nz-carousel-content *ngFor="let data of array">
        <div *ngFor="let item of data" class="p-in-box">
          。。。。
        </div>
      </div>
    </nz-carousel>