我有以下角度2的测试代码,我输出true或false,具体取决于我是否在本地存储中有令牌。在这种情况下,我确实拥有它,因为我可以在我的chrome开发人员工具中看到它。然而,甚至认为我正在看
isLoggedIn()返回true
在渲染此组件时多次,我也看到浏览器在页面上显示... false ....有谁知道为什么?
import { Component } from '@angular/core';
@Component({
selector: 'app-authentication',
template: `
<div *ngIf="isLoggedIn()">
...true...
</div>
<div *ngIf="!isLoggedIn()">
...false...
</div>
`
})
export class AuthenticationComponent {
isLoggedIn() {
console.log('isLoggedIn() returns', localStorage.getItem('token') !== null)
return (localStorage.getItem('token') !== null);
}
}