Javascript 角度:重定向后重新加载页面

Javascript 角度:重定向后重新加载页面,javascript,angular,typescript,angular-routing,angular-router,Javascript,Angular,Typescript,Angular Routing,Angular Router,我有一个功能,重定向到另一个页面,我希望在重定向后重定向的页面也重新加载 我想在重定向到登录页面后重新加载该页面。 使用“window.location.reload()”重新加载当前页面,该页面是主页,但不是登录页面。 如何重新加载specefic页面? homeComponent.ts 你为什么不使用 redirection(){ window.location.href="yourpagedomain/login" } 它将加载页面。在您的登录页面上,您可以

我有一个功能,重定向到另一个页面,我希望在重定向后重定向的页面也重新加载

我想在重定向到登录页面后重新加载该页面。 使用“window.location.reload()”重新加载当前页面,该页面是主页,但不是登录页面。 如何重新加载specefic页面?

homeComponent.ts

你为什么不使用

redirection(){
   window.location.href="yourpagedomain/login"
 } 

它将加载页面。

在您的登录页面上,您可以捕获导航事件,如果是真的,您可以重新加载表单。我希望它能帮助你:

在您的登录页面上:

旧的:错误的代码

export class LoginPage implements OnInit {
  
  constructor(private router: Router) {
   router.events.subscribe(val => {
      if (val) {
        this.refreshForm(); // Refresh your form
      }
    });
  }
 
  ngOnInit(): void {

  }

}
编辑:此代码适用于:

export class LoginPage implements OnInit {

  constructor(private router: Router) {
   router.events.pipe(
      filter((events: RouterEvent) => events instanceof NavigationEnd),
    ).subscribe((val) => {
      if (val.url === 'LoginPage Url') { // Fill with your loginPage Url (eg. /tabs/tab1)
        this.refresh(); // Refresh your form
      }
    });
  }

  ngOnInit(): void {
  }
}

代码中的重定向函数是在哪里捕获的?未获取:/router.events.subscribe(val=>{if(val){this.refreshForm();//刷新表单}}});这适用于任何重定向到登录页面的组件?如果我有另一个组件home2,我想重定向到登录,但不重新加载登录,该怎么办?这将捕获导航事件。如果val为true,则可以使用函数重置表单字段。它仅适用于此代码所在的页面。(对不起,我写的是英语)这适用于任何重定向到登录页面的组件?如果我有另一个组件home2,我想重定向到登录,但不重新加载登录,该怎么办?您还可以给我方法1“window.location.href=“your login link”的函数redirection()的全部代码吗?提前感谢朋友:)然后在home2组件中使用此.router.navigate(['/login']);
export class LoginPage implements OnInit {

  constructor(private router: Router) {
   router.events.pipe(
      filter((events: RouterEvent) => events instanceof NavigationEnd),
    ).subscribe((val) => {
      if (val.url === 'LoginPage Url') { // Fill with your loginPage Url (eg. /tabs/tab1)
        this.refresh(); // Refresh your form
      }
    });
  }

  ngOnInit(): void {
  }
}