Angular 2：如何在一段时间后自动刷新整个页面答案

【问题标题】：Angular 2: How to refresh entire page automatically on after some timeAngular 2：如何在一段时间后自动刷新整个页面
【发布时间】：2018-01-27 20:37:41
【问题描述】：

我正在尝试在 Angular 中编写代码，使其在 10 秒后自动重新加载整个 HTML 页面。

请帮助如何做到这一点，我是 Angular 2 的新手。

提前致谢。

【问题讨论】：

使用setTimout()并拨打ngOnInit()
您能详细说明这样做的目的吗？是否要重新加载整个页面？或者只是页面的数据？解决方案因您的需要而异。
@Deorahk 是的，在 html 页面中我有包含事件的日历，一旦用户点击它，它应该阻止 10 分钟，并在 10 分钟后再次调用服务并重新加载。
查看这个问题的答案：stackoverflow.com/questions/35316583/… 它详细介绍了如何为此设置计时器。
Angular2 http at an interval的可能重复

标签： html angular components

【解决方案1】：

试试这个

setTimeout(
function(){ 
location.reload(); 
}, 10000);

【讨论】：

【解决方案2】：

你有两个选择：

1- 使用 ng2-simple-timer-example：

Angular 2 有一个处理计时器的简单组件：ng2-simple-timer-example

Github Link

这个 plunker 显示结果：

Online Plunker

2- 设置时间：

正如@Araivnd 提到的，您可以使用 ngOnInit(angular 在创建组件后调用 ngOnInit) 和 setTimout，如下所示：

ngOnInit(){
    setTimeout(function(){
          //code here
        },10000);
}

【讨论】：