如何在重新加载我的角度应用程序时更改鼠标光标？答案

【问题标题】：How can I change the cursor of the mouse on reload of my angular application?如何在重新加载我的角度应用程序时更改鼠标光标？
【发布时间】：2019-07-18 15:29:55
【问题描述】：

我必须在我的 Angular 应用程序中重新加载一个页面才能重置我的所有数据。

但是当我做window.location.reload()我有一个白屏，用户可以认为应用程序崩溃。所以我想拥有cursor:wait，但它不起作用。

.ts 文件：

ngOnInit() {
    document.body.style.cursor = "wait";
}
ngAfterViewInit() {
    document.body.style.cursor = "initial";
}

有人有什么解决办法吗？

【问题讨论】：

"我想要 cursor:wait 但它不起作用。" -> 你尝试过什么，出了什么问题？有什么错误吗？意外行为？
我编辑了我的代码，没有我没有错误或什么
也许你看得太快了？ ngOnInit 不会在应用程序加载时启动，而是在组件完成初始化时启动。也许在你的情况下，它和ngAfterViewInit 之间的时间太短了。为什么不在你的体型中将光标默认设置为wait，以便它从一开始就在那里，并在ngAfterViewInit处恢复初始状态？
那么重置数据是什么意思？在 Angular 中重置数据可能有比使用 windows.location.reload() 更好的方法。如果你能告诉更多关于你的用例可能是它可以用 Angular 的方式解决。
我尝试了，但它也不起作用。

标签： angular reload

【解决方案1】：

我不确定重新加载整个应用程序是否理想。您只需重新加载组件即可更新组件和视图。

constructor(private route : ActivatedRoute,
      private router : Router) {}

    buttonClick() {
        this.router.navigateByUrl('your_path');
    }

希望对您有所帮助！

【讨论】：

首先我想这样做，但问题是所有已设置的数据都需要重置。
你在哪里存储数据？
数据在一个服务和2个.ts文件中。