angular

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>