如何使用超時重新加載使用Angularjs的視圖？

Question

我正在構建一個簡單的儀表板，我有多個視圖。 我想設置刷新時間 - 大約60秒 - 自動刷新用戶選擇的視圖。

這裏是我的角應用程序塊：

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秒刷新一次該視圖，而無需重新加載所有頁面。只是看法。

我該怎麼做？

Answer 1

使用$ route.reload（）;

AngularJS documentation：

導致$航線的重新加載，即使$位置並沒有改變目前的路線。

因此，ngView創建新的範圍，重新實例化控制器。

調用它的控制器上的$超時時間內