使用angular路由切换后 轮播以及iscrollJs失效的问题

时间:2024-07-04 09:06:56

我们在使用angular的时候,路由总是最让人头疼的地方。

在这里为大家解决一些用angular来回切换遗留下的小问题

比如我们在使用ng-route时如果主页面含有轮播图,当你切换到其他页面再切回主页面时会发现主页面的轮播图不会动。

对于这个问题我们要用到angular的一个指令--初始化 ng-init;

首先我们需要在html中写入以下代码

<div ng-init='init()'>路由过来的页面</div>  //包含轮播图

之后我们需要在js中写

var app = angular.module('mk',['ng-Route']);

app.controller('content',function($scope,$timeout){

   $scope.init = function(){
$timeout(function(){
      //你的轮播代码,scroll也可
    },100)
}
})

大家可以试一试