AngularJS 实现轮播图效果

2015-02-02 14:11:13 · 作者: · 浏览: 25

AngularJS 实现轮播图效果


实现步骤如下:


要实现这个功能,可以http://angular-ui.github.io/bootstrap/ 中的控件实现。实现步骤如下:


1. 下载ui-bootstrap.js程序http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.min.js 目前版本是0.11.0


2. 在HTML中引入script


3. HTML示例代码如下:


4. PostListController.js代码如下:


最终效果:



希望你喜欢,并分享我的工作~带你走近AngularJS系列