本地环境:

AngularJS v1.3.2
angular-ui-bootstrap Version: 0.12.0 - 2014-11-16

实现代码:
Html部分
<div ng-controller="LogicCtrl" set-ng-animate="false">
<carousel>
<slide ng-repeat="slide in slides" active="slide.active"> /*
需要分页的内容,可以是图片,也可以是任意其它元素
*/ </slide>
</carousel>
</div>

  Javascript部分

app.controller('LogicCtrl',['某些依赖',function(某些依赖){

         var slides = $scope.slides = [];
$scope.initPage=function(){ /// 获取数据..
slides.push(dataObj); };
         $scope.initPage();
}]); 

还有就是在路由中配置模板与控制器的关系。就这些了...

默认的样式会在左右及下端会出现 渐变遮罩与小点导航。可以使用以下样式屏蔽。

<style type="text/css">
.carousel-indicators
{
bottom: 5px;
}
ol{
margin-bottom: -30px;
}
.carousel-indicators li
{
background-color: #000000;
}
.carousel-indicators .active
{
background-color: #cccccc;
} .carousel-control
{
display: none;
} </style>

划屏的内容默认是居中的,需要自己添加text-align=left 样式。让内容左对齐。

最新文章

  1. C# GDI绘制矩形框,鼠标左键拖动可移动矩形框,滚轮放大缩小矩形框
  2. XML--&gt;DTD&amp;Schema Notes
  3. jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件 分类: JqueryEasyUI 2014-09-29 14:36 537人阅读 评论(0) 收藏
  4. u盘安装windows系统
  5. UVa 12299 RMQ with Shifts(移位RMQ)
  6. 大姨吗向左,美柚向右,女性健康APP路在何方?
  7. [Angularjs]ng-switch用法
  8. MFC学习 标签页与属性页及各常用控件使用
  9. Shell脚本文件操作
  10. 彻底理解PHP的SESSION机制
  11. ORACLE和MONGODB,必须也得进入。
  12. Jasper_table_Cloud not resolve style(s)
  13. 【CNMP系列】CentOS7.0下安装Nginx服务
  14. jdbc与mybatis区别
  15. 为App添加Log日志文件
  16. pyhive 连接 Hive 时错误
  17. 1006 Tick and Tick
  18. Python Django 学习 (二) 【Django 模型】
  19. IDEA 使用技巧 Update
  20. MapReduce编程实例5

热门文章

  1. Exchange 2016的MAPI over HTTP简介
  2. vue v-on:事件
  3. Oracle transport tablespace
  4. 使用Gardener在Google Cloud Platform上创建Kubernetes集群
  5. HDU 3625 第一类斯特林数
  6. GPU CUDA编程中threadIdx, blockIdx, blockDim, gridDim之间的区别与联系
  7. linnx 修改ip地址
  8. C++/C 内存大小
  9. Java实现双向冒泡排序
  10. java HtmlEmail发送邮件工具类