angularjs - 角轮播：溢出-x：在幻灯片内滚动

Question

我正在尝试创建一个轮播，其内部将是带有图像的可滚动 div。

问题是滑动事件相互冲突。

Plunker（图片在幻灯片 2 上）

我的代码：

 <div class="carousel-demo">
<ul rn-carousel rn-carousel-index="carouselIndex" rn-carousel-buffered class="carousel1">
  <li ng-swipe-left="left($event)">slide #1</li>
  <li ng-swipe-right="right($event)">slide #2

    <div class="horizontal-slide">
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
      
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
    </div>

  </li>
  <li>slide #3</li>
</ul>

非常感谢

阿维