如何在一個Carousel的Angular JS中調用JavaScript函數

Question

我想在下面的Angular JS控制器中調用這個JavaScript函數。傳送帶按鈕不能像本網站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();