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

Parce que lorsque l'événement window.load est déclenché, Angular n'a pas encore commencé le rendu, donc lorsque la fonction que vous avez écrite dans l'événement window.load est exécutée, ces éléments ne sont pas encore disponibles. Vous devez attendre que le rendu Angular soit terminé avant de l'initialiser. le carrousel

Answer 2

Vous devez utiliser angulaire-ui-bootstrap, le contrôle d'amorçage officiellement fourni
http://angular-ui.github.io/b...

Le principe de base de l'utilisation d'Angular est de ne pas penser à manipuler le DOM