Question

请找到AngularJs UI bootstrap carousel plunker的我的plunker。

<carousel interval="myInterval">
      <slide ng-repeat="slide in slides" active="slide.active">
        <div class="" style="width:600px;margin:auto;">
        <div > 
        <img ng-src="{{slide.image}}" width="200px" style="float:left;">
         <br> {{$index}}
        </div>
        <div >
        <img ng-src="{{slides[getSecondIndex($index+1)].image}}" width="200px" style="float:left;" >
        </div>
         <div >
        <img ng-src="{{slides[getSecondIndex($index+2)].image}}" width="200px" style="float:left;" >
        </div>
        </div>
      </slide>
    </carousel>

在上面的html中，当第一个元素索引等于2时，我希望禁用右侧轮播控件，即不需要应用包装功能。

即，在以下位置，当索引变为2时，我不希望发生包裹和右轮播控制禁用。可以帮我怎么做？

<div >
 <img ng-src="{{slide.image}}" width="200px" style="float:left;"> <br> {{$index}}
  </div>

Answer 1

部分解决方案：到目前为止我来到这里，此时我需要禁用轮播权限控制。我该怎么办？

$scope.$watch('slides[2].active', function (active) {
                if (active) {
       //Here I need to disable carousel right control and noWrap needs to be applied. 

                   }
             });

需要在Angularjs ui carousel中不应用包裹并禁用右旋转控制

1 个答案: