如何使用 Angularjs 使用超时重新加载视图？答案

【问题标题】：How to reload a view using Angularjs using a timeout?如何使用 Angularjs 使用超时重新加载视图？
【发布时间】：2017-07-21 09:24:31
【问题描述】：

我正在构建一个简单的仪表板，其中有多个视图。我想设置一个刷新时间 - 大约 60 秒 - 以自动刷新用户选择的视图。

这是我的 Angular 应用程序块：

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 秒刷新一次此视图，而不重新加载所有页面。只是风景。

我该怎么做？

【问题讨论】：

当您可以简单地刷新范围时为什么需要重新加载视图，它将反映视图上的数据更改！

标签： angularjs ngroute

【解决方案1】：

使用 $route.reload();

AngularJSdocumentation:

即使 $location 没有改变，也会导致 $route 服务重新加载当前路线。

因此，ngView 创建新范围，重新实例化控制器。

在 $timeout 内在控制器上调用它

【讨论】：