Javascript 角度:重定向后重新加载页面
我有一个功能,重定向到另一个页面,我希望在重定向后重定向的页面也重新加载 我想在重定向到登录页面后重新加载该页面。 使用“window.location.reload()”重新加载当前页面,该页面是主页,但不是登录页面。 如何重新加载specefic页面? homeComponent.ts 你为什么不使用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" } 它将加载页面。在您的登录页面上,您可以
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 {
}
}