Angular页面完全加载后如何调用函数？

Question

我正在尝试在页面完全加载后在特定路由上调用一个函数，就像如果用户登录并首先进入主页路由，并且它成功加载一个函数将invoke/call 本身。

constructor( private router: Router) {
  this.router.events.subscribe((event: Event) => {
   if (event instanceof NavigationEnd) { 
      
     console.log(router.url);
     //function writes here
      
    }
  });
  
  }

我在 main.ts 上调用此函数，但是当用户尝试登录时调用此函数，为什么？

Answer 1

每次更改页面时都会调用此 observable...尝试在您感兴趣的页面上应用过滤器

this.router.events
    .pipe(
      takeUntil(this.unsubscribe),
      filter((x): x is NavigationEnd => x instanceof NavigationEnd),
      map(x => x.url == 'your url')
    )
   .subscribe(...)

Answer 2

我认为如果你需要使用一个调用自身的函数或者在用户登录时页面完全加载后检查，用户应该在 ngOnInit 中调用它。

ngOnInit() {
 //please call your function
}

Angular页面完全加载后如何调用函数？

How to call function after page fully loaded in Angular?

routes

angular