問題描述

index.html 只帶有一個(gè)angular-view p和相關(guān)的css和js

<!-- angular view --> <p ui-view></p> <!-- jQuery and Bootstrap -->

<!-- <script src='

<script src=' -->

和輪播條carousel相關(guān)的html代碼（用的是bootstrap3）帶有carousel的html通過angular加載渲染angular.js - Angular1使用bootstrap輪播條carousel不能自動輪播

在bootstrap.js源碼打斷點(diǎn)發(fā)現(xiàn)，bootstrap是通過data-ride='carousel'選擇器為輪播條設(shè)置自動輪播參數(shù)的：

angular.js - Angular1使用bootstrap輪播條carousel不能自動輪播同時(shí)調(diào)試也發(fā)現(xiàn)，代碼能進(jìn)530斷點(diǎn)，卻無法進(jìn)到531行的斷點(diǎn)。意味著沒有找到這個(gè)元素。

但是這個(gè)模板。同樣的html代碼，放在靜態(tài)網(wǎng)頁中顯示聲明html元素 是能夠自動輪播的。

不知道這跟angular的渲染周期有沒有關(guān)系，求助各位大神！感謝

問題解答

回答1：

因?yàn)閣indow.load事件觸發(fā)的時(shí)候，angular還沒有開始渲染，所以你寫在window.load事件里的函數(shù)執(zhí)行的時(shí)候還沒有那些元素，你應(yīng)該等angular渲染完成之后再初始化輪播

回答2：

你需要使用angular-ui-bootstrap，官方提供的bootstrap控件http://angular-ui.github.io/b...

使用angular的基本原則，就是不要想著去操作DOM