Angular2 / Ionic2 - 如何在离子幻灯片中自定义寻呼机？

Question

目前我有幻灯片显示项目符号中的索引数，但是我无法找到如何在项目符号中使用自定义文本而不是索引编号。

这是我想要实现的结果的小提琴，但它是在JavaScript中，我不知道如何在Ionic2中实现它：

http://jsfiddle.net/9VBha/14/

目前我的代码是：

文件中的一部分：page.html

<ion-slides pager [options]="features">
          <ion-slide *ngFor="#cat of categories">
         <ion-row>
          <ion-col>
          <div>{{cat.category}}<div>
            </ion-col>
          </ion-row>
              </ion-slide>
        </ion-slides>

我想以某种方式显示 {{cat.category}} 而不是子弹号

文件的一部分（Angular2）：page.js

this.features = {
    pagination: '.swiper-pagination',
    slidesPerView: 1,
    paginationClickable: true,
    paginationBulletRender: function (index, className) {
        return '<span class="' + className + '">' + (index + 1) + '</span>';
    }
    }

有什么想法吗？