如何在jhipster打字稿文件angular 5中根据用户角色检查条件

Question

I know how to use hasAnyAuthority directive in jhipster for HTML part. But i am searching how can i do this in typescript part like if user has role farmer navigate to farmer profile, for admin navigate to dashboard.

Answer 1

Use the hasAnyAuthority() or related functions of Principal (see principal.service.ts ) in a click handler for instance.

Also set authorities property on your route's data according to your needs.

export const adminState: Routes = [
    {
        path: '',
        data: {
            authorities: ['ROLE_ADMIN']
        },
        canActivate: [UserRouteAccessService],
        children: ADMIN_ROUTES
    }
];

See JHipster doc about authorizations in Angular: https://www.jhipster.tech/using-angular

Answer 2

Through HTML :

*jhiHasAnyAuthority="{authorities: 'ROLE_ADMIN', enable:true/false}"

Through TS :

this.principal.identity().then(account => {
        if(account.authorities.includes('ROLE_ADMIN')){}
    });