使用angular路由切換後 輪播以及iscrollJs失效的問題

咱們在使用angular的時候,路由老是最讓人頭疼的地方。

在這裏爲你們解決一些用angular來回切換遺留下的小問題html

好比咱們在使用ng-route時若是主頁面含有輪播圖,當你切換到其餘頁面再切回主頁面時會發現主頁面的輪播圖不會動。app

對於這個問題咱們要用到angular的一個指令--初始化 ng-init;post

首先咱們須要在html中寫入如下代碼spa

<div ng-init='init()'>路由過來的頁面</div>  //包含輪播圖

以後咱們須要在js中寫code

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

app.controller('content',function($scope,$timeout){
    
   $scope.init = function(){
      $timeout(function(){
      //你的輪播代碼,scroll也可     },100) } })

你們能夠試一試htm

相關文章
相關標籤/搜索