ユーザロールを取得してユーザカードに表示する方法angle5

私はファイアストア内に文書を持っています。オブジェクト形式での役割を持つユーザー：ユーザロールを取得してユーザカードに表示する方法angle5

ktwmsjEnRxaVja8RFdSBAwSE7yi2 
    uid: 'ktwmsjEnRxaVja8RFdSBAwSE7yi2', 
    username: 'some user', 
    **roles: 
     admin: false, 
     user: true, 
     dealer: false** 
    updatedAt: 3938y349'

私は*ngFor="let user of users | async、を行うと、私はuser.nameとテンプレート上のユーザー情報を取得することができます。すべての良い。

しかし、どのようにユーザーカードにさまざまな役割を表示できますか？

ユーザーがuser, adminという役割を持っている場合は、そのテンプレートに表示します。 user.rolesで別の* ngForを実行しますか？

私はすべてtrueの役割を表示したいと思います。

出典

2017-12-30 Obasi Obeny Oj

下に示すように、あなたは単にはいあなたはright.youが入れ子に使用する必要がされているテンプレートの補間構文を使用することができます* ngFor –

私が試しましたこの '* ngFor ="のようなものは、user ['roles'] ''と '{{role}} 'の役割を働かせませんでした。それを行う方法は何ですか？ –

try * ngFor = "let user.rolesの役割" –

役割を使用する必要は*その後、ngForコレクションでない場合

{{user.roles.admin}}

出典

2017-12-30 08:33:42

ユーザロールを取得してユーザカードに表示する方法angle5

答えて

関連する問題