【问题标题】:Load records in as needed in根据需要加载记录
【发布时间】:2022-01-19 15:14:34
【问题描述】:

我正在使用这个轮播:https://www.npmjs.com/package/ngx-owl-carousel-o

 lists : any;
  ...
  <owl-carousel-o [options]="customOptions">
                        <ng-template carouselSlide *ngFor="let list of lists">
  </ng-template>
  </owl-carousel-o>

我有 2000 条记录,如果我一次加载所有记录,那么它会很慢,如果用户单击下一个和上一个按钮,我可以一个一个地加载并管理它。

谢谢

【问题讨论】:

    标签: angular owl-carousel


    【解决方案1】:

    有两种方法可以达到预期的结果。

    • 要么事先找到列表的长度,然后创建一个具有该长度的数组。跟踪您所在的轮播的位置,并尝试按索引从数组中获取元素。如果还没有,请取出并保存。如果它已经存在,只需显示它。

    • 如果您不知道要获取哪个元素,那么您最好尝试预获取元素 id 的整个列表,然后在切换下一个/上一个后,通过 id 获取它们。

    【讨论】:

    • 感谢您的回答,我认为第一个选项会很好,但是对于轮播数组,我必须只包含活动索引元素,我必须在上一个和下一个按钮单击时清除轮播数组
    • 或者你甚至可能不需要一个数组。只要有一个变量并在用户点击这些按钮时更新它。
    猜你喜欢
    • 1970-01-01
    • 2021-03-15
    • 1970-01-01
    • 2014-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-17
    相关资源
    最近更新 更多