нужно применить без переноса и отключить правый контроль карусели в Angularjs ui carousel

Question

нужно применить без переноса и отключить правый контроль карусели в Angularjs ui carousel

0

пожалуйста, найдите мой плунжер для AngularJs UI bootstrap carousel 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>

Madasu K 20 авг. 2015, в 10:58

Источник

Теги:

angularjs

angular-ui

angular-ui-bootstrap

1 ответ

Ещё вопросы

Madasu K · Answer 1 · 2015-08-20T08-35-00.000Z

Частичное решение: я дошел до этого, в этот момент мне нужно отключить контроль над карусели. Как мне это сделать?

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

                   }
             });