arrays - 在 TypeScript/Angular2 中将 Int 数组转换为枚举

Question

在正在构建的应用程序中，我们创建了一个名为 UserRolesEnum 的枚举

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

当此信息被发送到数据库时，int 被存储。

在系统中显示用户的页面中，组件中TypeScript返回的是一个int数组(如[1, 2, 3])。

结合使用 TypeScript 和 Angular2，以下用于显示用户的 Angular 色:

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

我要显示的是 [Administration, Manager, Employee] 数组。

我尝试了几种不同的方法，但到目前为止都没有奏效。是否有一种简单的转换方法可以让我继续使用数组功能？

Answer 1

使用for循环的索引

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