当页面在Angular 10中完全加载时调用组件函数

问题描述

我有一个angular 10应用程序，它首先启动了一个登录页面。但是在显示登录字段之前，我需要检查Web服务的存在并检查该应用程序当前是否正在维护中。因此，我需要在login.component.ts文件中调用一个函数，但是该页面的所有内容都将被加载并显示时。

我尝试过：

 this.router.events.subscribe((e) => {
   if (e instanceof NavigationEnd) {
      this.Networktest();
   }
 });

在我的构造函数中，但是它被称为为时过早，并且不显示我的主要背景图像。 有什么建议吗？

我也尝试了ngAfterViewInit，结果相同。

谢谢

UDATE1： 在NavigationEnd事件中绑定不正常是正常的吗？属性是在后台更改的，但是视图未更新。

解决方法

ngAfterViewInit似乎是满足您需求的好地方。
要确保显示背景，您可以遵循this。

要处理显示登录表单，我建议创建一个标志。仅在运行Web服务时将其设置为true。
TS：let isWebServiceRunning = false;
HTML：<div *ngIf="isWebServiceRunning">Login Form</div>