在打字稿转换Int的阵列来枚举/ Angular2

在应用程序中创建的，我们有一个枚举创建名为UserRolesEnum像这样在打字稿转换Int的阵列来枚举/ Angular2

public enum UserRoleEnum { 
    Aministration = 1, 
    Manager = 2, 
    Employee = 3 
}

当这个信息被发送到数据库中，INT被储存了。

在用于显示系统中的用户的页面上，组件中的TypeScript中返回的是一个数组，其数组为int数组（例如[1,2,3]）。

使用打字稿及Angular2的组合，以下是用于为用户显示的角色：

<div class="role" *ngFor="let role of userRoles"> 
    <span>{{role}}</span> 
</div>

我想展现的是数组[管理，经理，雇员]。

我已经尝试了几种不同的方法，但迄今为止它们都没有工作。有没有简单的转换，我可以继续使用数组功能？

嗨！欢迎来到Stack Overflow。你能告诉我们你用[mcve]试过了什么吗？它可能足够接近，只需稍作修改即可。 – msanford

谢谢。我不能太多，因为它是一个更大的项目的一部分，它与许多事情息息相关。这些是我知道我可以肯定展示的作品。 –

如何在ngFor迭代中使用查找表？因此，而不是' {{role}}'，使用' {{yourLookupTable [role]}}'？ –

-1

我认为你需要将这个数字作为索引传递给枚举。你可以试试这个。

<span>{{UserRoleEnum[role]}}</span>

您可能还需要在组件代码中添加枚举。

public UserRoleEnum = UserRoleEnum;

或;

UserRoleEnum : typeof UserRoleEnum = UserRoleEnum;

2017-08-11 23:50:24

使用的该指数环

<div class="role" *ngFor="let role of userRoles; let i = index"> 
    <span>{{i}}</span> 
</div>

2017-12-18 22:18:32 mruanova

回答