引導材料設計的旋轉木馬控制部分工作，但得到了區意識到錯誤

我手動下載引導V4.0.0-alpha6並把bootstrap.min.js到資產/ JS，以及tether.min.js和jquery.min .js文件。還涉及到Bootstrap-material-design。順便說一下，使用@ angular/cli 1.0.0-rc0。引導材料設計的旋轉木馬控制部分工作，但得到了區意識到錯誤

我只是簡單地複製例如旋轉木馬，並粘貼在我的app.component.html。

<section id="recomSite" class="carousel slide col-md-6" data-ride="carousel"> 
 
     <div class="carousel-inner" role="listbox"> 
 
      <div class="carousel-item active"> 
 
      <img class="d-block img-fluid" src="assets/images/pica.jpg" alt="First slide"> 
 
      </div> 
 
      <div class="carousel-item"> 
 
      <img class="d-block img-fluid" src="assets/images/picb.png" alt="Second slide"> 
 
      </div> 
 
      <div class="carousel-item"> 
 
      <img class="d-block img-fluid" src="assets/images/picc.jpg" alt="Third slide"> 
 
      </div> 
 
     </div> 
 
     <a class="carousel-control-prev" href="#recomSite" role="button" data-slide="prev"> 
 
      <span class="carousel-control-prev-icon" aria-hidden="true"></span> 
 
      <span class="sr-only">Previous</span> 
 
     </a> 
 
     <a class="carousel-control-next" href="#recomSite" role="button" data-slide="next"> 
 
      <span class="carousel-control-next-icon" aria-hidden="true"></span> 
 
      <span class="sr-only">Next</span> 
 
     </a> 
 
     </section>

這部分可以作爲圖片幻燈片做，但沒有任何動畫。每次我按next或prev按鈕，我都會在控制檯中出錯。

Uncaught :ZoneAwareError __zone_symbol__error: Error: Carousel is sliding at h.next (http://localhost:4200/assets/js/bootstrap.min.js:6:7449) [……}

來源

2017-02-26 Valorad

ü可以創建一個plunker – Aravind

https://plnkr.co/edit/vFIkcxByk37sDvrLsxdQ。它在笨蛋中運行良好。 – Valorad

它是固定的還是需要幫助？ – Aravind

鏈接bootstrap material design庫時，只涉及 bootstrap-material-design.iife.min.js。請勿同時鏈接bootstrap-material-design.iife.min.js和bootstrap.min.js。

刪除線

<script src="assets/js/bootstrap.min.js"></script>

index.html中修復

這個問題。

來源

2017-02-27 05:42:21 Valorad

引導材料設計的旋轉木馬控制部分工作，但得到了區意識到錯誤

回答

相關問題