angular.js - Angular1使用bootstrap輪播條carousel不能自動輪播
問題描述
index.html 只帶有一個angular-view p和相關的css和js
<!-- angular view --> <p ui-view></p> <!-- jQuery and Bootstrap -->
<script src=' -->
和輪播條carousel相關的html代碼（用的是bootstrap3）帶有carousel的html通過angular加載渲染angular.js - Angular1使用bootstrap輪播條carousel不能自動輪播
在bootstrap.js源碼打斷點發現，bootstrap是通過data-ride='carousel'選擇器為輪播條設置自動輪播參數的：
angular.js - Angular1使用bootstrap輪播條carousel不能自動輪播同時調試也發現，代碼能進530斷點，卻無法進到531行的斷點。意味著沒有找到這個元素。
但是這個模板。同樣的html代碼，放在靜態網頁中顯示聲明html元素 是能夠自動輪播的。
不知道這跟angular的渲染周期有沒有關系，求助各位大神！感謝
問題解答
回答1：
因為window.load事件觸發的時候，angular還沒有開始渲染，所以你寫在window.load事件里的函數執行的時候還沒有那些元素，你應該等angular渲染完成之后再初始化輪播
回答2：
你需要使用angular-ui-bootstrap，官方提供的bootstrap控件http://angular-ui.github.io/b...
使用angular的基本原則，就是不要想著去操作DOM
相關文章：
1. mysql索引 - mysql的表如何重新組織（或生成）索引？2. python selenium 獲取圖片驗證碼3. Python爬蟲的亂碼問題？4. 請問這個課程講師是否有講PHP開發課程，他所講PHP課程名稱是什么？謝謝！5. php 如何獲取第一個參數？6. 如何用筆記本上的apache做微信開發的服務器7. Python中的占位符問題8. android - Python代碼轉為java代碼？9. android - 類似微信朋友圈或者QQ空間說說那種點擊圖片放大，并且有放大縮小手勢，左右滑動圖片手勢效果10. android - 怎樣才能在連接本地WIFI是通過 3G/4G 實現微信分享？
網公網安備