2016-04-13 14 views
1

私は、カルーセルスライドから選択したインデックスを表示するのと同じように簡単です。しかし何らかの理由でそれはうまくいかない。角度uib-carousel、アクティブなスライドが動作しない

ドキュメントはちょっと意味が分かりませんので、正しく動作するかわかりません。だから私のカルーセルが働いている

<uib-carousel id="over" active="active" interval="myInterval" no-wrap="noWrapSlides" ng-swipe-left="next()" ng-swipe-right="prev()"> 
    <uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id" active="slide.active"> 
     <a href="{{url_for('display_keetle_detail')}}"> 
     <img class="irmg" ng-src="{{slide.image|angular}}" style="margin:auto;" ng-click="test(slide.id)"> 
     </a> 
     <div class="carousel-caption"> 
     </div> 
    </uib-slide> 
    </uib-carousel> 

:|:(その内部の忍者、ここで重要なことは「slide.active」=アクティブであるいくつかのフラスコがあります) は、ここに私のhtmlです。例えば、私のjsから、私は3番目のインデックスを表示したいと思います:

$scope.slides[3].active = true; 

ここで、slidesはスライドの配列です。ドキュメントから、スライドが「アクティブ」になることが示されます。それをアクティブにすることが、私が期待しているカルーセルの現在のスライドとして表示することを意味するかどうかは分かりません。

答えて

2

uib-carouselディレクティブのアクティブ値は、アクティブなuib-slideディレクティブインデックス値を管理するために使用されます。 slide.idはスライドのインデックス値なので、$scope.active = slides[3].idを使用する必要があります。

+0

ありがとうございます。このように正しいタイプの期待値を設定する方法をどうやって知ったのですか?私はドキュメントをもう一度読んだだけで、そのようにするべきだとは決して想像できませんでした。とにかくありがとうございます –

+0

uib-carousel設定セクションのドキュメントから:アクティブ - 現在アクティブなスライドのインデックス。目のアイコンは、そのプロパティの2ウェイバインドを示します。タブの指示は同じように機能します。説明を改善できる場合は、問題を開いて提案をしてください。 –

関連する問題