您好,我已经在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()">
答案 0 :(得分:0)
请您尝试更改以下几行:
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
与实际创建的幻灯片之间的连接上可能有错误的计算。