如何获取用户角色并在用户卡上显示 angular5

Question

我在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 上做另一个 * user.roles吗？

我想展示所有true角色。

Answer 1

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

{{user.roles.admin}}