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

Oleh kerana apabila peristiwa window.load dicetuskan, Angular belum mula membuat pemaparan, jadi apabila fungsi yang anda tulis dalam acara window.load dilaksanakan, elemen tersebut belum tersedia lagi sehingga pemaparan sudut selesai sebelum memulakan karusel

Answer 2

Anda perlu menggunakan angular-ui-bootstrap, kawalan bootstrap yang disediakan secara rasmi
http://angular-ui.github.io/b...

Prinsip asas menggunakan sudut bukan untuk memikirkan memanipulasi DOM