公式ドキュメントのサンプルのように、ons-list
内のons-carousel
でアクションさせたいのですが、これのそれぞれでイベントを設定するにはどうすればいいのでしょうか。
問題
html
1 <ons-list> 2 <ons-list-item ng-repeat="a in [1,2,3]"> 3 <ons-carousel swipeable style="height: 72px; width: 100%;" initial-index="1" auto-scroll var="mycarousel"> 4 <ons-carousel-item> 5 Action 6 </ons-carousel-item> 7 <ons-carousel-item> 8 Main 9 </ons-carousel-item> 10 </ons-carousel> 11 </ons-list-item> 12 </ons-list>
javascript
1ons.ready(function() { 2 mycarousel.on('postchange', function(event) { 3 alert('happen'); 4 }); 5});
こうしてしまうと、3番目のlist-item
でしかイベントが起こらなくなってしまいます。
公式リファレンスにはvar変数にメソッドを指定しろとのことなのですが、それぞれ別に設定できないものでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。