如何获取用户角色并在用户卡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吗？

上做另一个* ngFor

我想显示所有true个角色。

Answer 1

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

{{user.roles.admin}}