我们在做项目的时候可能会出现引入angular之后，轮播图不会出现自动轮播的问题，这个时候我们要做的有两点：
第一点，我们可以将轮播图的JS代码放在获取到数据之后，而没必要单独写一个轮播图的JS脚本引入进去。
第二点，就是一定要加上observer这个属性，并设置为true。该属性的作用为：启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。
做到这两点，基本上就没有什么大问题了，最后上代码：
angular.module("myApp")
.controller("homeController",[
"$scope","homeService","$state",
function ($scope,homeService,$state) {
$scope.slides = [];
$scope.menus = [];
homeService.getItems().success(function (res) {
//console.log(res.data.menu);
//轮播图数据
$scope.slides = res.data.slide;
var mySwiper = new Swiper ('.swiper-container', {
direction: 'horizontal',
loop: true,
observer:true,
autoplay : 2000,
//autoplayDisableOnInteraction : false,
// 如果需要分页器
pagination: '.swiper-pagination',
paginationClickable :true
});
$scope.menus = res.data.menu;
});
}])
