Node.js 根据用户登录启用或禁用某些侧菜单内容

Node.js 根据用户登录启用或禁用某些侧菜单内容,node.js,angular,typescript,npm,Node.js,Angular,Typescript,Npm,我使用Angular 2创建了一个web,我想根据用户登录数据启用或禁用一些边栏组件,用户的登录数据存储在json中,并通过Qwebchannel在locolhost中传递一个令牌进行身份验证,现在我想根据用户登录令牌启用或禁用一些边栏组件 ReDirectToNextPage(user: string){ setTimeout(function () { location.reload(); }, 1); console.log('ReDirectToN

我使用Angular 2创建了一个web,我想根据用户登录数据启用或禁用一些边栏组件,用户的登录数据存储在json中,并通过Qwebchannel在locolhost中传递一个令牌进行身份验证,现在我想根据用户登录令牌启用或禁用一些边栏组件

ReDirectToNextPage(user: string){
    setTimeout(function () {
        location.reload();
    }, 1);
    console.log('ReDirectToNextPage called from JS');
    this.tokenStorage.saveToken("login#username:" + user);
    this.router.navigate(['server-config']);
}
checkLogin() {

    if (this.tokenStorage.getToken() != undefined && this.tokenStorage.getToken() != null && this.tokenStorage.getToken().indexOf("login") != -1) {
        this.router.navigate(['server-config']);
    } else {
        const card = document.getElementsByClassName('card')[0];
        setTimeout(function () {
            card.classList.remove('card-hidden');
        }, 700);
    }
}
这是我尝试的我正在为loggedIN用户获取令牌我只想显示分配给loggedIN用户的权限(权限因用户登录而异)
谢谢

我对angular 2没有太多的了解,但我建议开始使用angular 6+,它涵盖了打字脚本,但你需要的是通用的,ngIf angularjs示例:

<div *ngIf="isValid"> Data is valid. </div> 
数据有效。

同样的解决方案

如果您想禁用它,这可以帮助您:

例如,您有一个jwt,所以您可以使用布尔值检查用户是否经过身份验证
我希望这对你有帮助;)

我在angular 2方面做得不多,但我建议开始使用angular 6+,它涵盖了打字脚本,但您需要的是通用的,ngIf angularjs示例:

<div *ngIf="isValid"> Data is valid. </div> 
数据有效。

同样的解决方案

如果您想禁用它,这可以帮助您:

例如,您有一个jwt,所以您可以使用布尔值检查用户是否经过身份验证
我希望这对你有帮助;)

你能为你尝试过的内容编写一些代码吗?我想通过QWebChannel获得与JSON数据相关的令牌,你能为你尝试过的内容编写一些代码吗?我想通过QWebChannel获得与JSON数据相关的令牌。我想要的是,如果用户登录,他/她将获得有限的侧栏组件,但管理员可以获得所有的侧栏组件组件,如JSON文件中所述,该文件说明了用户的权限。现在我想将该数据从QWEBCHANNEL获取到我的angular项目中。您能否为示例JSON提供类似havePermission[“option1”]:myJson[“option1”]==1并在ngIfi上使用它?希望在typescript(.TS)中解决此问题文件而不是HTMLM可能是这样的:template=“option1”或“option2”,并使用{{template}}:D,我不认为这种方式是最佳的,我想要的是,如果用户登录,他/她将获得有限的边栏组件,但管理员可以获得所有的边栏组件,因为它已经在一个JSON文件中描述了,该文件声明了用户的权利,现在我想将数据从QWEBCHANNEL获取到我的angular项目中。你能给示例JSON类似的权限吗[“option1”]:myJson[“option1”]==1并在ngfi上使用它想要在typescript(.TS)文件而不是htmlmay中解决这个问题可能是这样的:template=“option1”或“option2”并使用{{template}}:D,我认为这种方式不是最优的