2016-04-11 15 views
0

これについてのすべての質問は既に読んでいますが、私にはまだ起こっています。 私のHTMLでは、私はカルーセルと角度を使用していると私の問題は、ラス項目では、それはもはやサイクルしません。左ボタンをクリックしても右ボタンをクリックしても機能しません。 これは私のコード最後のアイテムの後にブートストラップカルーセルが停止します

<div id="filters-carousel" data-interval="false" class="container-fluid carousel slide issue-div-wrapper" data-ride="carousel"> 
    <div class="container filters-carousel carousel-inner issue-div" role="listbox" ng-show="filterContent['{{key}}']" ng-repeat="(key, values) in filterContent.filters"> 
    <ul class="item" ng-class="{active : $index == 0}" ng-repeat="v in values" ng-if="$index % 8 === 0"> 
     <li ng-repeat="v in values.slice($index, $index + 8)" ng-class="{active: filterContent.isSelectedValue(key, v)}" ng-click="filterContent.addFilter(key, v)"> 
     <a class="issue-btn btn-default">{{v}}</a> 
     </li> 
    </ul> 
    </div> 
    <!-- Controls --> 
    <a class="left carousel-control" href="#filters-carousel" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon glyphicon-menu-left" aria-hidden="true"></span> 
    </a> 
    <a class="right carousel-control" href="#filters-carousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon glyphicon-menu-right" aria-hidden="true"></span> 
    </a> 
</div> 

答えて

0

マーク以下のリンクの重複として、あなたはngAnimateを使用している場合、私は知らないのですか? ....ここにもhttps://github.com/angular-ui/bootstrap/issues/1350

とを angularjs corousel stops working

それはui.bootstrapとngAnimate間の互換性の問題があります:https://github.com/angular-ui/bootstrap/issues/1565

を誰かが投稿さ

を見てみましょう彼の解答:

app.config(
    ['$animateProvider', 
    function ($animateProvider) { 
     $animateProvider.classNameFilter(/carousel/); 
    }]); 

これは、カルーセルクラスを持つアプリケーション のすべての要素でngAnimateが無効になっていることを意味します。

問題がありますか?それが役に立てば幸い!

+0

コード内にui.bootstrapを使用しているものはありませんので、これはおそらく問題ではありません。 –

+0

私は運がなければその角度コードを追加しました。カルーセルはまだ私の問題と同じように動作します。私は定期的なブートストラップを使用しています(私はui.bootstrapが何であるかわかりません、角度のあるプロバイダだと思いますか?) –

関連する問題