温泉 ui 旋转木马 - 展示活动

Question

有没有什么方法可以在显示某个轮播项目时触发事件？

下面我放了一个代码示例，并希望它在显示最后一项时执行 doSomething() 函数：

<ons-template id="carrossel1.html">
  <ons-page ng-controller="CarrosselController">
 <ons-carousel fullscreen swipeable overscrollable auto-scroll>
  <ons-carousel-item ng-repeat="item in [1,2,3,4]" id="item{{item}}">
   Carousel Item {{item}} {{html}}
  </ons-carousel-item>
  <ons-carousel-item ng-repeat="item in [1]">
   FINAL (when this is show, I need to execute doSomething() function)
  </ons-carousel-item>
 </ons-carousel>
  </ons-page>
</ons-template>

如何操作？

谢谢

Answer 1

Carousel methods here。您可以将 on(eventName, listener) 与事件 postchange 一起使用。每次轮播更改时都会触发，然后在侦听器中只需使用 getActiveCarouselItemIndex().

检查哪个索引处于活动状态

希望对您有所帮助！

温泉 ui 旋转木马 - 展示活动

onsen ui carousel - event on show

mobile

carousel

onsen-ui