时间戳

首页 > 解决方案 > Ionic/Angular 中幻灯片的索引号

angular - Ionic/Angular 中幻灯片的索引号

问题描述

您好，我在 Ionic 中创建了一些幻灯片，最后我有分页号，但索引号显示不正确。这是我所做的： 

@ViewChild(Slides) slides: Slides;
proposals: Proposal[] = [];
  results_number: number;
  results_per_page_number: number;
  pages_total_number: number;
  page_current_number: number;
  proposal_index: number;
  pagination_label: string;
  is_loading: boolean = false;
  last_loaded_page: number = 0;

onScroll() {
    let slidesTot = this.slides.length();
    let activeIndex = this.slides.getActiveIndex();
    if (activeIndex > slidesTot - 2) {
      this.startLoadingIfNeeded(activeIndex);
    }
    this.updatePaginationLabel();
  }


  updatePaginationLabel(){
    this.pagination_label = this.slides.getActiveIndex()+1 + " di " + this.results_number;
  }


  startLoadingIfNeeded(index: number) {
    if (!this.is_loading) {
      if (this.last_loaded_page < this.pages_total_number) {
        let last_loaded_item = this.results_per_page_number * this.last_loaded_page - 1
        if (index > last_loaded_item - this.PRELOAD_THRESHOLD) {
          this.loadProposals(this.last_loaded_page + 1);
        }
      }
    }
  }
<ion-slides pager="false" spaceBetween="10" slidesPerView="1.9" centeredSlides="true" zoom="false"
    (ionSlideDidChange)="onScroll()" (ionSlideTap)="onScroll()">

标签： angularionic-framework

解决方案

您能否尝试更改以下行：

updatePaginationLabel(){
 this.pagination_label = this.slides.getActiveIndex()+1 + " di " + this.results_number;
}

对此：

updatePaginationLabel(){
 this.pagination_label = this.slides.getActiveIndex()+1 + " di " + this.slides.length();
}

?

results_number可能对实际创建的幻灯片和幻灯片之间的联系计算错误。

推荐阅读