1

概要 ：

data-slideでを使用しようとするとHTML DOM、js コンソールに次のエラーが表示されます。

エラー: [$compile:ctreq] ディレクティブ 'slide' で必要なコントローラー 'carousel' が見つかりません!

ブートストラップと angularjs でアプリケーションを作成しました。私はすでにこのライブラリを追加しました<script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>。

ui.bootstrapアプリを作成するときに依存関係として含めました。

エラー全体:

Error: [$compile:ctreq] Controller 'carousel', required by directive 'slide', can't be found!
http://errors.angularjs.org/1.4.10/$compile/ctreq?p0=carousel&p1=slide
    at angular.js:68
    at getControllers (angular.js:8432)
    at nodeLinkFn (angular.js:8570)
    at angular.js:8810
    at processQueue (angular.js:15097)
    at angular.js:15113
    at Scope.$eval (angular.js:16359)
    at Scope.$digest (angular.js:16175)
    at Scope.$apply (angular.js:16467)
    at done (angular.js:10852)

テンプレートの関連部分:

<div id="carousel-example-generic" class="carousel" data-ride="carousel" data-interval="false">
                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
</div>

削除するdata-slide="prev"とdata-slide="next"、このエラーは発生しません。

即時のヘルプは非常に高く評価されます。ありがとう。

4

1 に答える 1

14

ディレクティブng-non-bindableを持つ要素に を追加することで、競合を解決できました。data-slide

  <a data-slide="prev" href="#clients-slider" ng-non-bindable class="left carousel-control">‹&lt;/a>
于 2016-05-15T08:06:12.067 に答える