export class NavbarComponent implements OnInit {
isLoggedIn = false;
// ...
}
export class LoginComponent implements OnInit {
constructor(private authService: AuthService) {}
ngOnInit(): void {}
login(): void {
// 登录相关逻辑
this.authService.login().subscribe(() => {
this.isLoggedIn = true;
// ...
});
}
}
这样,当用户登录成功后,导航栏中就会显示仪表盘和个人资料链接,同时隐藏登录链接,显示登出链接。当用户退出登录后,导航栏会恢复到未登录的状态。
上一篇:Angular导航栏问题
下一篇:Angular导航路由