看我们的解决方案一：
app.controller("text",function($scope,$http,$timeout){
$http.get("http://127.0.0.1:3333/huoqu").success(function(data){
$scope.shuju=data.img
$timeout(function(){ //在请求完成时，强制更新数据，强制重新运行一次，重新获取数据
new Swiper(".swiper-container",{
autoplay:2000,
autoplayDisableOnInteraction:false,
loop:true,
pagination:".swiper-pagination"
})
})
});
});解决方案二：（这个虽然可以，但是还是有点小问题）
new Swiper(".swiper-container",{
autoplay:2000,
autoplayDisableOnInteraction:false,
loop:true,
pagination:".swiper-pagination"，
observer:true, //子元素改变时自动初始化swiper
observerParents:true, //修改swiper时自动初始化swiper})//这是插件中俩方法，当子元素或父元素发生改变时 初始化这个swiper，当然这个只是swiper有相信别的也差不多有自己找找。
二、angular在路由开发单页面应用的过程中；你每个页面都会有事件要触发；但你写的切换后就挂掉了。
解决方案：
$scope.slide=function(){ new Swiper("#slide-rl",{
autoplay:2000,
autoplayDisableOnInteraction:false,
pagination:".swiper-pagination",
loop:true
})
}//把我们的代码都写在angular定义的一个方法中，在要引入的html页面调用就ok了
下载本文