title: Onsen UI Tabbar + Carousel combine
body: <p>I try to combine Tabbar + Carousel for a drag effect with Onsen UI</p>
  
  <p>I have a little problem ;</p>
  
  <p>When I add the Tabbar in the same page as the carousel, the carousel swipe does not work.</p>
  
  <p>And when I put the tabbar in a different page of the carousel the swipe works well but I can not retrieve the current index (OnPostChange)</p>
  
  <p>Someone has the solution please?</p>
  
  <p>Thank you</p>
  
  <p>I put the two codes that do not work below</p>
  
  <p>First :
  <a href="https://codepen.io/yohann3396/pen/brppxY" rel="nofollow noreferrer">https://codepen.io/yohann3396/pen/brppxY</a></p>
  
  <p>Second :
  <a href="https://codepen.io/yohann3396/pen/jLqqdK" rel="nofollow noreferrer">https://codepen.io/yohann3396/pen/jLqqdK</a></p>
  
  <pre><code> ons.bootstrap();
    ons.ready(function() {
  
   alert('test');
    carousel.on('postchange', function(event) {
    var test = carousel.getActiveIndex();
    alert(test);
    });
  
  
      });
  </code></pre>