Bootstrap轮播使用AngularJS禁用特定元素的滑动

Question

我正在尝试禁用幻灯片，因为剩余的特定div元素应该相应地工作。这是代码

<div ng-controller="CarouselDemoCtrl">
  <div class="" style="background-color: #50d2c2;">
    <video videoid="{{id}}" videotype="{{type}}" ng-if="isVideo"></video>
    <carousel>
      <slide ng-repeat="slide in slides" carousel-index="slideIndex" active="slide.active" ng-animate="false">
        <div class="row">
          <div style="color: white; margin-top: 10px;text-align:center;">{{slide.name}}</div>
          <div style="color: white;font-size: 25px;margin-top: 20px;text-align:center;">{{slide.text}}</div>
        </div>
        <br>
        <br>
        <div class="row" style="margin-left: 160px;">
          <div class="col-xs-2 col-xs-offset-1">
            <a class="glyphicon glyphicon-chevron-left" style="color: white; text-decoration: none;" href="#myCarousel"></a>
          </div>
          <div class="col-xs-2 glyphicon glyphicon-play" ng-model="playButton" ng-click="playVideo(slide);" style="color: white; text-decoration: none;"></div>
          <div class="col-xs-2 col-xs-offset-1">
            <a class="glyphicon glyphicon-chevron-right" style="color: white; text-decoration: none;" href="#myCarousel"></a>
          </div>
        </div>
        <br>
        <br>
        <br>
      </slide>
    </carousel>
  </div>
</div>

小提琴： http://jsfiddle.net/XxPzW/134/

在这里，我想在轮播指示器下方显示 glyphicon-chevron-left，right play 图标，并为此图标禁用幻灯片shold。有什么帮助吗？