Неожиданный токен F в JSON в позиции 0 в JSON.parse (<anonymous>) в угловых

Question

Я пытаюсь внедрить авторизацию на основе ролей в своем проекте. Я пытаюсь скрыть определенные элементы из панели навигации от пункта меню в зависимости от ролей.Я сталкиваюсь с вышеупомянутой ошибкой.Как мне решить эту проблему?

service.ts

roleMatch(allowedRoles):boolean{
    var isMatch =false;
    var userRoles:string[]=JSON.parse(localStorage.getItem('userroles')); //the error is here
    allowedRoles.forEach(element => {
      if(userRoles.indexOf(element)>-1){
        isMatch=true;
        return false;
      }
    })
    return isMatch;
  }

component.html

<li *ngIf="Authentication.roleMatch(['Fetch user',
          'add user',
          'edit user',
          'change status',
          'delete user',
          'delete role',
          'Fetch Recuirtmentdetails'])">
          <a  routerLink="/role"class="dropdown-item">User Role</a>
</li>

Answer 1

Как вы сказали Значение userroles - Fetch user, добавление пользователя, редактирование пользователя, изменение статуса, удаление пользователя, удаление роли, Fetch Recuirtmentdetails

Это String и вы делаете JSON.parse () на нем.

Вам нужно только var userRoles: string [] , чтобы вы могли выполнять следующие действия:

var userRoles:string[] = localStorage.getItem('userroles').split(',');

Вы получите ожидаемый результат.