☰

ngForを使用してTypescript Enumを文字列の配列として反復処理するにはどうすればよいですか？質問する

tag-icon • tag-icon angular angular2-template
ngForを使用してTypescript Enumを文字列の配列として反復処理するにはどうすればよいですか？質問する

私は Angular2 と TypeScript を使用しており、列挙型があります:

export enum Role {
    ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, 
    CrewMember, AgentCrewMember, Customer
}

*ngFor を使用して列挙型を反復処理したいのですが、これを行うための最良の方法は何ですか? パイプを作成する必要がありますか? または、もっと簡単な方法はありますか?

ベストアンサー1

Angular 6.1 で導入された「keyvalue」パイプを使用するだけです。

<p *ngFor="let enum of TestEnum | keyvalue">
  {{ enum.key }} - {{ enum.value}}
</p>

完全な例についてはこちらをご覧ください ->https://stackblitz.com/edit/angular-gujg2e

おすすめ記事