2017-07-21 9 views
0

私は複数のビューがあるシンプルなダッシュボードを構築しています。 リフレッシュ時間を約60秒に設定して、ユーザーが選択したビューを自動的に更新したいと考えています。ここでAngularjsを使用してタイムアウトを使用してビューを再読み込みするにはどうすればよいですか?

は私の角のアプリのブロックです:

var app = angular.module("myApp", ["ngRoute"]); 
app.config(function($routeProvider) { 
    $routeProvider 
    .when("/", { 
     templateUrl : "dashHome.html" 
    }) 
    .when("/OverallView", { 
     templateUrl : "dashOverallView.html" 
    }) 
    .when("/DetailedView", { 
     templateUrl : "dashDetailedView.html" 
    }) 
    .when("/GraphicView", { 
     templateUrl : "dashGraphicView.html" 
    }) 
    .otherwise({ 
     templateUrl : "dashHome.html" 
    }); 
}); 

ので、ユーザーはOverallView上にある、のは言わせて。すべてのページをリロードせずに、このビューを60秒ごとに更新したいと思います。ただの見方。

どうすればいいですか?

+0

$タイムアウト以内にあなたのコントローラ上でそれを呼び出します! –

答えて

1

$ route.reload();を使用してください。

AngularJS documentation

は$の場所が変更されていない場合でも、現在のルートを再ロードするために$ルートサービスを引き起こします。

この結果、ngViewは新しいスコープを作成し、コントローラを再インスタンス化します。あなたは単純にスコープを更新することができ、それがビュー上のデータの変更が反映されたときにビューをリロードする必要がある理由

+0

ありがとう!これは私の問題を解決しました! –

関連する問題