如何显示具有访问权限数组的不同日志用户的UI视图？

Question

我使用的是angular11，登录的用户有数组“卖方”、“买方”、“制造商”、“营销者”、"content_provider“的数据。

其中登录用户可能有“卖方”或“制造商”、“营销者”.作为元数据登录。

我正在用*ngIf="this.uiAccess === "seller"和*ngIf="this.uiAccess !== "buyer"展示我的UI。而this.uiAccess存储在网站cookie中。

如何实现它支持用户接口可能有一个以上的uiAccess数组值，并显示？

目前，这只对this.uiAccess只有一个值，并显示基于该值的视图。

Answer 1

您可以尝试创建自己的结构指令来处理以下问题：-

https://dev.to/angular/extend-the-ngif-syntax-to-create-a-custom-permission-directive-3ic4

Answer 2

如果您为不同角色创建不同的站点，您可以使用路由保护来防止导航到这些站点：

https://medium.com/@ryanchenkie_40935/angular-authentication-using-route-guards-bf7a4ca13ae3