带有指示器和下一个/上一个按钮的Onsen-UI Carousel

我正在使用旋转木马,并希望有指标(突出显示当前的一个)和下一个/前一个切换器.

  
    
Carousel
  
  
    
      
GRAY
    
    
      
BLUE
    
    
      
DARK
    
    
      
1 2 3
    
  

很抱歉有一个愚蠢的问题,但我阅读了文档和所有参考资料,并且不知道如何使其工作.我的codepen在这里:http://codepen.io/onsen/pen/xbbzOQ

例如,您可以使用postchangeevent来更改当前项的样式.

HTML:

  

     1 
     2 
     3 
     4 
  

JS:

document.querySelectorAll('.indicators')[0].style.color = 'red';

document.addEventListener('ons-carousel:postchange', function(event){
    document.querySelectorAll('.indicators')[event.lastActiveIndex].style.color = 'white';
    document.querySelectorAll('.indicators')[event.activeIndex].style.color = 'red';
});

在这里工作:http://codepen.io/frankdiox/pen/QyLVqM