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

标签 arrays angular typescript enums type-conversion

在正在构建的应用程序中,我们创建了一个名为 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] 数组。

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

最佳答案

使用for循环的索引

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

关于arrays - 在 TypeScript/Angular2 中将 Int 数组转换为枚举,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45644401/

相关文章:

javascript - @storybook/angular 无法在故事索引上加载 scss 文件

node.js - 再次将服务注入(inject)域对象

java - 在二维数组中添加元素

java - 为什么在 Java 中更喜欢使用列表而不是数组?

javascript - 以下代码是否等待 forEach 完成

angular - 在angularjs 2中与addListener的两种方式绑定(bind)

javascript - Angular 4 中可能存在竞争条件吗

ruby-on-rails - ruby group_by 对象?

forms - Angular2 更新 FormGroup 嵌套值?

html - 在 Angular 2/4 中使用 typescript 动态创建 HTML 元素数组