angular.js - Angular1使用bootstrap轮播条carousel不能自动轮播
过去多啦不再A梦
过去多啦不再A梦 2017-05-15 17:11:48
0
2
498

index.html 只带有一个angular-view p和相关的css和js

 

和轮播条carousel相关的html代码(用的是bootstrap3)
带有carousel的html通过angular加载渲染

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


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

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

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

过去多啦不再A梦
过去多啦不再A梦

membalas semua (2)
伊谢尔伦

因为window.load事件触发的时候,angular还没有开始渲染,所以你写在window.load事件里的函数执行的时候还没有那些元素,你应该等angular渲染完成之后再初始化轮播

    伊谢尔伦

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

    使用angular的基本原则,就是不要想着去操作DOM

      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!