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

公式に提供されているブートストラップ コントロールである angular-ui-bootstrap を使用する必要があります
http://angular-ui.github.io/b...

angular を使用する基本原則は、DOM の操作について考えないことです