NgIf在角度2的模板中无法正常工作

时间:2017-01-18 10:19:26

标签: javascript angular

我有以下角度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);
    }
}

0 个答案:

没有答案