html - Angular Redirection 执行我的方法以及 NgOnInit。为什么?
问题描述
我是新来的,所以请耐心等待。我遇到了 Angular 重定向问题。当我手动清除存储时,代码执行 ngOnInit,提示错误,重定向到登录页面(如预期的那样),但是当我尝试使用注销方法做同样的事情时,我的代码执行注销方法,ngOnInit 然后重定向到登录页面。为什么当我重定向到另一个页面时它正在执行同一页面的 ngOnInit ?下面的代码显示了注销方法。
我尝试在全球范围内制作,将代码移动到构造函数
this.localStorage.clear().subscribe(() => {
console.log('Logout Method');
alertify.success("Logout Successfull !!");
this.router.navigate(['/login']);
}, () => {
alertify.error("Storage error");
});
代码应该只执行 logout 方法而不是同时执行 logout 和 ngOnInit
解决方案
看来我在代码中犯了一些错误
<a href="main_nav#" (click)="logout()" >Logout</a>
我将HREF中的 URL指向 main_nav,然后调用 logout()。因此,在删除HREF的内容后,它对我有用。
<a href="" (click)="logout()" target="_self">Logout</a>
这对我有用☻</p>
推荐阅读
- batch-file - 将 cURL 和 jq 输出保存到批处理脚本中的变量
- sapui5 - 如何正确使用 JSONModel 和 setModel?
- angular - 通过子组件的角度更改页面
- sql - 如何在 laravel elequent 中使用 if else 获取数据
- angular - CORS 策略:请求的资源上不存在“Access-Control-Allow-Origin”标头。如何解决?
- kotlin - 计算a的数量
- reporting-services - 大数据上的 SSRS 分页符
- c# - 是否可以以编程方式从全局资源文件中读取“评论”?
- search - 如何在网格上生成可用步骤列表?
- opengl - 使用着色器的程序旋转立方体不起作用