angular - Angular 2 中的注销链接

Question

亲们，在以下 Angular 2 应用场景中需要您的帮助。我有需要在 AuthService 中调用方法的注销链接。

<li><a [routerLink]="['/logout']"><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Logout</a></li>

AuthService 中的方法:

//logout
 logout() {
   this.isUserLoggedin = false;
 }

如何实现？我不想创建一个新的组件来调用注销。感谢您的帮助。

Answer 1

我也在想同样的事情，但我最终创建了一个带有空白模板的 LogoutComponent 并在之后重定向用户登录。基于按钮的注销功能有效，但我想要一个注销路由链接。

LogoutComponent.ts

@Component({
  template: ''
})

export class LogoutComponent implements OnInit {

  constructor(private _authService: AuthService, private router: Router) {}

  ngOnInit() {
    this._authService.logout();
    this.router.navigate(['login']);
  }

}

app.routes.ts

  { path: 'logout', component: LogoutComponent}