Angular 4 jwt localstorage清楚

Question

我可以创建JWT localStorage.setItem。

但是尝试了不同的方法来清除它，但它不起作用。

import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';
import { AuthService } from '../auth.service';

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {
  [x: string]: any;

  isLoggedIn: boolean = false;

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

  ngOnInit() {
  }

  logout() {
    //localStorage.clear();
    //localStorage.reset();
    this.localStorage.removeItem('currentUser');
    this.router.navigate(['/']);
  }

}

logout.component.html

 <li>
                <a href="#">
                <i class="icon-lock"></i> Lock Screen </a>
              </li>
              <li>
                <a ng-click="logout()" href="">Log Out</a>
              </li>
            </ul>

这是截图

请帮忙。

Answer 1

代码中的主要错误是将Angular的(click)事件与AngularJS ng-click混淆。

所以它应该是：

<a (click)="logout()" href="">Log Out</a>

你被错误地指责为＆＃34; /＆＃34;。这是由于href标签的存在，它将您引导至＆＃34; /＆＃34;无论如何。

你可以保持

localStorage.removeItem('currentUser');