如何获取用户角色并在用户卡角度 5 上显示答案

【问题标题】：How to get user roles and display on usercard angular5如何获取用户角色并在用户卡角度 5 上显示
【发布时间】：2017-12-30 16:33:42
【问题描述】：

我在 Firestore 中有一份文件。具有对象形式角色的用户：

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 角色。

【问题讨论】：

是的，你是对的。你必须使用嵌套 *ngFor
我尝试了类似*ngFor="let role of user['roles']" 和{{role}} 的方法，但没有成功。有什么办法呢？
尝试 *ngFor="let role of user.roles"
我也这样做了 :) 但没有得到任何显示。
角色是收藏？

标签： angular

【解决方案1】：

如果角色不是集合，则无需使用*ngFor，您可以在模板中简单地使用插值语法，如下所示

{{user.roles.admin}}

【讨论】：