Typescript 限制离子载玻片中分页的数量

如何使寻呼机在屏幕上最多显示10个项目符号？ 目前有超过50张幻灯片，传呼机显示超过50个点（子弹），这是非常不受欢迎的。 是否有任何机制可以设置分页项目符号的最大数量？ 我已将pager设置为true，并且只希望显示10个分页。 如果有任何SAAS变量可以被重写为只显示10个分页，这将有所帮助。

---

分页是必需的，由于客户的要求，不能通过设置pager=false忽略分页

您可以通过选项->渲染bullet自定义项目符号，例如： 对于离子4：

在.html文件中：

<ion-slides pager="true" [options]="options">

对于Ionic3，请尝试以下操作：

import { ViewChild } from '@angular/core';
import { Slides } from 'ionic-angular';

class MyPage {
  @ViewChild(Slides) slides: Slides;

  ngAfterViewInit() {
    this.slides.renderBullet= function (index, className) {
      if (index < 10) {
        return '<span class="' + className + '">' + (index + 1) + '</span>';
      }
      return '';
    }
  }
}

和html格式：

<ion-slides #slides pager="true">

我试过了。但是，看起来[选项]在ionic v3中不可用。官方文件没有提及这一点，建议使用“输入”。但是“输入”的链接断开了。我为ionic3编辑了答案，我没有测试它，但它应该可以工作。

import { ViewChild } from '@angular/core';
import { Slides } from 'ionic-angular';

class MyPage {
  @ViewChild(Slides) slides: Slides;

  ngAfterViewInit() {
    this.slides.renderBullet= function (index, className) {
      if (index < 10) {
        return '<span class="' + className + '">' + (index + 1) + '</span>';
      }
      return '';
    }
  }
}

this.slides.dynamicBullets = "true";

<ion-slides #slides pager="true">