1

我正在使用旋轉木馬顯示一些不同內容的項目。我不會使用ng-repeat動態創建幻燈片,這是因爲我必須將DOM其他部分的一些內容移動到幻燈片中。Angular UI引導旋轉木馬中的奇怪滑動行爲

我想連接到每個幻燈片的標題鏈接,所以如果我點擊該鏈接,它應該滾動到該幻燈片。我設法做到了這一點,但滑動行爲並不如預期。下面是其中顯示的怪異行爲plunker:http://plnkr.co/edit/oZrLzRaLb5cAmMBnz4p0?p=preview

<div ng-controller="CarouselDemoCtrl as car"> 
<a ng-click="car.active = 0">Slide 1</a> 
<a ng-click="car.active = 1">Slide 2</a> 
<a ng-click="car.active = 2">Slide 3</a> 
<uib-carousel ng-model="" active="car.active" interval="0" no-wrap="true" no-transition="false"> 
    <uib-slide index="0"> 
    <div style="background:blue; height:600px;"> 
     Some content in here 
    </div> 
    </uib-slide> 
    <uib-slide index="1"> 
    <div style="background:red; height:600px;"> 
     Some content in here as well 
    </div> 
    </uib-slide> 
    <uib-slide index="2"> 
    <div style="background:green; height:600px;"> 
     Some cool content in here 
    </div> 
    </uib-slide> 
</uib-carousel> 
</div> 

爲什麼出現這種情況有什麼想法,我怎麼能解決呢?

注意:在使用即時通訊的角度1.5.0和UI,引導1.2.4

最好的問候, 丹尼爾

+0

那麼究竟是什麼奇怪的行爲?是否與幻燈片的方向有關,以及當前幻燈片和幻燈片的目標? – Katana24

+0

@ Katana24當我使用鏈接(例如'Slide 1')來說哪個幻燈片設置爲活動的滑動動畫是完全關閉..如果我使用內置的自舉箭頭它滑動就好了 – Daniel

+0

是的,我現在看到它 - 它變白,然後切換到顏色 - 正確? – Katana24

回答

0

必須在安裝納克動畫,

,或者你不想滑動您可以編輯的過渡= 「true」 以禁用它

<uib-carousel ng-model="" active="car.active" interval="0" no-wrap="true" no-transition="true"> 
+0

是的,ng-animation已經安裝好了,但它在滑動,但是當我使用鏈接時(例如 'Slide 1' )要說哪個幻燈片設置爲活動狀態,滑動動畫完全關閉..如果我使用內置的自舉箭頭,它完全沒問題 – Daniel