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. PHP單例模式2. 能用一臺nginx服務器既做反向代理又做web服務器嗎,還是一臺做反向代理一臺做web服務器3. css3圖標4. java - C++ STL迭代器聲明的iterator和reverse_iterator實質區別?是不同數值嗎?5. css3 - 圖文響應式樣式6. javascript - react input file7. python 讀取csv文件可以讀取但內容錯誤,但單獨用excel打開正常,如何解決?8. css - transform-origin 旋轉參考點9. css3 - 如何實現字體顏色漸變?10. javascript - 除了VUE React 這類MVVM還有什么適合做SPA的,特別是里面涉及到Canvas Webgl?
