Скрытие необходимых пунктов меню для конкретного пользователя в angular 2

Обновлен образец кода ЗДЕСЬ

Использовал BehaviorSubject для отслеживания типа пользователя и использовал его для отображения / скрытия пунктов меню. Вы можете использовать его для общения в различных компонентах приложения. Я удалил часть вашего кода, который вызывал ошибки в Stackblitz, но не зацикливаюсь на этом.

Изменения в AuthenticationService:

объявил userType BehaviorSubject как:

  userType: BehaviorSubject<string> = new BehaviorSubject<string>(this.getUserType());

добавлен метод для получения типа пользователя из локального хранилища как:

  getUserType() {
    return localStorage.getItem('user')
  }

обновление userType BehaviorSubject в логине:

login(username, password) {
...
localStorage.setItem("user", this.user.username);
this.userType.next(this.user.username);

Изменения в app.componet.ts:

подписавшись на userType BehaviorSubject:

  userType: string = '';

  ngOnInit(){
    ...
    this.authService.userType.subscribe(value => this.userType = value);
  }

Изменения в app.componet.html:

показать / скрыть пункты меню с *ngIf:

  <button *ngIf="userType === 'admin'" mat-raised-button routerLink='application/AdminAccess/admin-activity' routerLinkActive="active">Admin Activity </button>

  <button *ngIf="userType === 'user'" mat-raised-button routerLink='application/UserManagement/add-users' routerLinkActive="active">Register User</button>

Поскольку ваш stackbliz не работает, но ниже я хотел бы предоставить полезный код: -

В вашем routing.module.ts измените маршрут «Admin»,

{path:'Admin',component: AdminComponent,
data: {
    authorities: ['ROLE_ADMIN'],
},
canActivate: [AuthenticationGuard]}

В вашем authenticationguard.guard.ts измените, как показано ниже: -

 constructor( private auth: AuthenticationService,  private _router: Router) {} 
    
 

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | Promise<boolean> {

        const authorities = route.data['authorities'];
        // here you get authorities user role name, now you can apply your service logic
         if (!this.auth.isSuperAdmin(authorities)) { // add arg in isSuperAdmin to validate username
      this._router.navigate(['/application/home']);
      return false; 
    }
    
    return true;
    }

Надеюсь, это поможет.