index.html 只帶有一個(gè)angular-view p和相關(guān)的css和js
<!-- angular view -->
<p ui-view></p>
<!-- jQuery and Bootstrap -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
和輪播條carousel相關(guān)的html代碼(用的是bootstrap3)
帶有carousel的html通過angular加載渲染
在bootstrap.js源碼打斷點(diǎn)發(fā)現(xiàn),bootstrap是通過data-ride="carousel"選擇器為輪播條設(shè)置自動(dòng)輪播參數(shù)的:
同時(shí)調(diào)試也發(fā)現(xiàn),代碼能進(jìn)530斷點(diǎn),卻無法進(jìn)到531行的斷點(diǎn)。意味著沒有找到這個(gè)元素。
但是這個(gè)模板。同樣的html代碼,放在靜態(tài)網(wǎng)頁中顯示聲明html元素 是能夠自動(dòng)輪播的。
不知道這跟angular的渲染周期有沒有關(guān)系,求助各位大神!感謝
因?yàn)閣indow.load事件觸發(fā)的時(shí)候,angular還沒有開始渲染,所以你寫在window.load事件里的函數(shù)執(zhí)行的時(shí)候還沒有那些元素,你應(yīng)該等angular渲染完成之后再初始化輪播
你需要使用angular-ui-bootstrap,官方提供的bootstrap控件
http://angular-ui.github.io/b...
使用angular的基本原則,就是不要想著去操作DOM