How do I call my function on Onsen carousel change?

Question

<ons-carousel swipeable overscrollable auto-scroll fullscreen 
              auto-scroll-ratio="0.2" var="carousel" style="position:initial" 
              on-carousel-change="selected($index)">            
</ons-carousel>

how can I call my function?

I have fixed the duplicated code snippet and made it more readable, but the question is still lacking clear explanation of what the problem is. — Starscream1984, Mar 02 '16 at 14:46

score 1 · Answer 1 · answered Mar 03 '16 at 03:12

1

ons-carousel fires a postchange event every time it changes. You can listen for it and run your function.

If you use AngularJS with Onsen UI (I guess you do since you have var attribute), you can specify a handler for this event directly with ons-postchange attribute: ons-postchange="myHandler($event, myData)".

answered Mar 03 '16 at 03:12

Fran Dios

3,482
2
15
26

Hey! We answered at the same time! Great job on beta 7!! – Munsterlander Mar 03 '16 at 03:15
Still it is not working – Aniket Dhole Mar 03 '16 at 07:36
1

@AniketDhole Just do `ons-postchange="callalert()"`. – Fran Dios Mar 03 '16 at 07:45
@Munsterlander Thanks :) – Fran Dios Mar 03 '16 at 07:46

score 1 · Answer 2 · answered Mar 03 '16 at 03:13

For AngularJS, Onsen only supports this event model: ons-postchange. on-carousel-change is not a valid event and as such is not supported by ons-carousel.

Working examples and explanations are posted here:

Onsen 1.x - https://onsen.io/reference/ons-carousel.html

Onsen 2 - https://onsen.io/2/reference/ons-carousel.html

How do I call my function on Onsen carousel change?

2 Answers2