カルーセルのAngular JSでJavaScript関数を呼び出す方法

Question

このJavaScript関数は、以下のAngular JSコントローラで呼び出すことを試みています。カルーセルのボタンは、このサイトhttp://www.bootply.com/1DtSbhZQtIの例のようには機能しません。 JavaScriptのエラーはどこですか？ありがとう。

var myCarousel = function() { 

$('#myCarousel').on('slid.bs.carousel')}; 

myCarousel(); 

これは、HTMLファイルのサムネイルカルーセルを実行するためのものです。ここでは、htmlのコードです。

<div class="col-md-6"> 
    <div class="well"> 
     <div id="myCarousel" class="carousel slide"> 

      <!-- Carousel items --> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <div class="row"> 
         <div class="col-sm-3"><a href="#x"><img src="images/StaticBarHeadcountHorizontal.png" alt="Image" class="img-responsive"></a> 
         </div> 
         <div class="col-sm-3"><a href="#x"><img src="images/StaticBarHeadcountVertical.png" alt="Image" class="img-responsive"></a> 
         </div> 
         <div class="col-sm-3"><a href="#x"><img src="images/StaticGroupedHeadcount.png" alt="Image" class="img-responsive"></a> 
         </div> 
         <div class="col-sm-3"><a href="#x"><img src="images/TrendBarHeadcount.png" alt="Image" class="img-responsive"></a> 
         </div> 
        </div> 
        <!--/row--> 
       </div> 
       <!--/item--> 
       <div class="item"> 
        <div class="row"> 
         <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="images/TrendDonutHeadcount.png" alt="Image" class="img-responsive"></a> 
         </div> 
         <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="images/TrendLineHeadcount.png" alt="Image" class="img-responsive"></a> 
         </div> 
         <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="images/TrendLinePercentofTotalHeadcount.png" alt="Image" class="img-responsive"></a> 
         </div> 
        </div> 
        <!--/row--> 
       </div> 
      </div> 
      <!--/carousel-inner--> <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> 

      <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
     </div> 
     <!--/myCarousel--> 
    </div> 
    <!--/well--> 
</div> 

Answer 1

私は、これは、角度に関連していないと思いますが、あなただけでカルーセルを作成する必要があります：あなたは、コントローラを表示することができます

$('#myCarousel').carousel();