が構築されるアプリケーションでは活字体/ Angular2

に列挙型にintの配列を変換する、私たちは、列挙型は、この情報がデータベース、intに送信されるとそうが構築されるアプリケーションでは活字体/ Angular2

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

ようUserRolesEnumと呼ば作成してい保存されています。

システムでユーザーを表示するページで、コンポーネントのTypeScriptで返されるのは、配列の配列（[1,2,3]など）です。以下は、ユーザーのロールを表示するために使用され、活字体とAngular2の組み合わせを使用して

：

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

私が見せたい何が[アドミニストレーション、管理、従業員]として配列です。

私はいくつかの異なる方法を試しましたが、これまでこれまでに働いたことはありません。アレイ機能を使い続けることのできる簡単な変換はありますか？

こんにちは用のインデックスを使用！スタックオーバーフローへようこそ。あなたは[mcve]を使って試したことを私たちに見せてもらえますか？それは、小さな修正をしても十分に近いかもしれません。 – msanford

ありがとうございます。私はそれほど大きなプロジェクトの一部であり、多くのことに結びついているので、あまりできません。これらは私が確かに示すことができることを知っている作品です。 –

ngFor反復でルックアップテーブルを使用する方法はありますか？したがって、 ' {{role}} 'の代わりに、' {{yourLookupTable [role]}}'を使用しますか？ –

-1

インデックスとして列挙型にその数値を渡す必要があると思います。これを試すことができますか？

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

また、コンポーネントコードに列挙型を追加する必要があります。

または;

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

答えて