Ролевая авторизация в угловых

Question

Я пытаюсь реализовать авторизацию на основе ролей. После входа в систему я хочу показать список, который назначен пользователю в раскрывающемся списке и скрыть остальное. В приведенном ниже коде я хочу показать продажи, если пользователь назначен на продажу и доставку, если пользователь назначен на доставку. Код приведен ниже, но он не работает. Где я ошибся?

роль API

role:{
sales:['sales-details','sales-members'],
delivery:['delivery-location']
}

service.ts

  roleMatch(allowedRoles):boolean{
  var isMatch =false;
  var userRoles:string[] = localStorage.getItem('userroles').split(',');
  allowedRoles.forEach(element => {
    if(userRoles.indexOf(element)>-1){
      isMatch=true;
      return false;
    }
  })
  return isMatch;
}

component.html

<li *ngIf="Authentication.roleMatch([
'sales'])"> <a class="dropdown-item" href="#">Sales</a></li>
<li *ngIf="Authentication.roleMatch([
'delivery'])"><a class="dropdown-item" href="#">Marketing</a></li>