angular.js - Angular1使用bootstrap轮播条carousel不能自动轮播

Question

index.html 只带有一个angular-view p和相关的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相关的html代码（用的是bootstrap3）
带有carousel的html通过angular加载渲染

在bootstrap.js源码打断点发现，bootstrap是通过data-ride="carousel"选择器为轮播条设置自动轮播参数的：

同时调试也发现，代码能进530断点，却无法进到531行的断点。意味着没有找到这个元素。

但是这个模板。同样的html代码，放在静态网页中显示声明html元素 是能够自动轮播的。

不知道这跟angular的渲染周期有没有关系，求助各位大神！感谢

Answer 1

window.load 이벤트가 발생하면 Angular는 아직 렌더링을 시작하지 않았기 때문에 window.load 이벤트에 작성한 함수가 실행되면 해당 요소는 아직 사용할 수 없으므로 초기화하기 전에 Angular 렌더링이 완료될 때까지 기다려야 합니다. 회전목마

Answer 2

공식적으로 제공되는 부트스트랩 컨트롤인 angle-ui-bootstrap을 사용해야 합니다
http://angular-ui.github.io/b...

Angular를 사용하는 기본 원칙은 DOM 조작을 생각하지 않는 것입니다