UI Bootstrap Carousel（使用Bootstrap 2.3.2）在隱藏和顯示AngularJS時不工作

Question

我試圖使用Bootstrap 2.3.2 Carousel來顯示項目圖片。用戶可以獲得項目列表。當他點擊一個具體項目時，一些詳細信息會顯示在同一個視圖中。當用戶再次點擊同一項目時，信息被隱藏（或多或少像手風琴一樣，只是爲了讓你理解）。這些詳細信息的一部分是與物品照片的旋轉木馬。

當我第一次點擊一個項目，旋轉木馬工作正常。它被加載。圖片被顯示，並且它在圖片上迭代。

但是，當我點擊隱藏細節，然後單擊以再次顯示時，傳送帶不再起作用。我可以檢查數據，我看到圖片信息在那裏。但是，沒有顯示。

我知道很難找到沒有代碼的問題的原因，但我試圖重現同樣的場景，但我無法做到這一點。我的老闆正在工作。

有什麼建議嗎？

UPDATE：

我的旋轉木馬代碼：

<div class="row-fluid info-section"> 
     <div class="span12"> 
      boatSelected.mainPhoto={{boatSelected.mainPhoto | json}} 
      boatPhotos={{boatPhotos | json}} 
      <img src="img/nophoto.jpg" ng-hide="boatSelected.mainPhoto"> 
      <div id="boatCarousel" class="carousel slide" ng-show="boatSelected.mainPhoto"> 
       <carousel interval="30000"> 
        <slide ng-repeat="boatPhoto in boatPhotos"> 
         <img src="//{{S3_BUCKET}}.{{PHOTO_SERVER_URL}}/img/boats/{{boatSelected.id}}/{{boatPhoto.id}}.{{boatPhoto.mime}}" style="margin:auto;"> 
        </slide> 
       </carousel> 
      </div> 
     </div> 
    </div> 

UPDATE 我對混亂道歉。根據同事的評論，我已經回顧了代碼，並且我意識到我沒有使用Bootstrap 2.3.2 Carousel，但正如您在上面的代碼中看到的，我正在使用UI Bootstrap Carousel指令，我已經集成。但是，問題仍然是一樣的。這在上面描述的場景中不起作用。

更新2：

I'm獲得與此完全瘋了。我用一些更詳細的代碼更新了重擊器。注意：傳送帶不在Plunker中工作（在我的應用程序中，第一次完美地工作）。也許當它工作時，我將能夠重現這個問題。關鍵是，每次點擊一艘船時，控制器中的一些功能都會被調用。第一次之後，它不再顯示轉盤，但是，數據在那裏。

http://plnkr.co/edit/OzZmlCNT7M5MeT5EANy5?p=preview

Answer 1

沒有的jQuery（引導或其它JS）的插件將正確地角工作，而在一個指令包裝他們。這是因爲DOM被拆除並重新創建，jQuery插件不知道這個，所以他們不知道什麼時候運行。

指令通過稱爲「鏈接函數」的後編譯鉤解決了這個問題。您必須學習如何創建指令，或者找到已經創建的指令，以便其他JS插件正常工作。考慮鏈接函數類似於jQuery的$(document).ready()函數。