数组的打字稿枚举

Question

Currently, I am getting an array of UserRole objects from the back-end. Each UserRole has an Id (int) and a Role (string).

UserRoles[ ] looks like...

 [ //{id, role} {1, Viewer}, {2, Owner}, {3, Admin} ] 

_models\\userRole.ts

 export interface UserRole { id: number, role: string } 

home.component.ts

 export class HomeComponent implements OnInit { ... userRoles: UserRole[] constructor(...) { http.get<UserRole[]>(baseurl + "api/UserRoles/GetUserRoles").subscribe(result => { this.userRoles = result; }, error => console.error(error)); } ... } 

The issue:

I'd like to turn it into an enum for use in limiting what is presented to the user. For example,

 <div *ngIf="user.userRoleId >= userRoles.Owner "> 

Should I be sending something other than an array of objects up from the backend (which is an ASP.NET Core controller)?

Is there a way to generate the enum immediately from the api call?

Or is there a way to convert the array of objects to an enum?

Answer 1

Thanks to the suggestion by Eliseo, here's what I ended up doing:

I retrieved the UserRoles as an array, then did a foreach loop on that array, and added the roles and id to an object.

home.component.ts

 //imports export class HomeComponent implements OnInit { ... user: User; userRoles: any = {}; constructor(private userRoleService: UserRoleService, private alertify: AlertifyService) {} ngOnInit() { this.loadUserRoles(); } loadUserRoles() { this.userRoleService.getUserRoles().subscribe((res: UserRole[]) => { res.forEach(p => this.userRoles[p.role] = p.id); }); } 

userRole.service.ts

<div *ngIf="user.userRoleId >= userRoles.Owner ">
    ...
</div>

home.component.html implementation

 <div *ngIf="user.userRoleId >= userRoles.Owner "> ... </div>