ion-slide-pager
属于ionSlideBox

显示slidebox的切换按钮。

切换按钮是在slidebox底部的一排小按钮,每个代表一个页面。 当用户单击切换按钮时,将选择相应的页面。

完整的示例,请查看(ionic-china中文网文档)ionSlideBox

实例该文档来自ionic中文网ionic-china

这将显示四个切换按钮,每个页面一个。

<ion-slide-box>
  <ion-slide-pager></ion-slide-pager>
  <ion-slide>1</ion-slide>
  <ion-slide>2</ion-slide>
  <ion-slide>3</ion-slide>
  <ion-slide>4</ion-slide>
</ion-slide-box>

如果填写ng-click属性,则将会覆盖默认点击行为。

<ion-slide-box>
  <ion-slide-pager ng-click="doSomething($slideIndex)"></ion-slide-pager>
  <ion-slide>1</ion-slide>
  <ion-slide>2</ion-slide>
  <ion-slide>3</ion-slide>
</ion-slide-box>

API

属性 类型 说明
ng-click
(可空)
expression

默认情况下,单击切换按钮将选择相应的页面。 可以提供ng-click表达式覆盖它。 ng-click表达式将提供一个$slideIndex变量,表示与之匹配的页面索引。