Angular 2中基于角色的UI

Question

我正在使用asp.net mvc 5在角度2中开发一个应用程序，其中有两种用户，一种是超级管理员，另一种是管理员。我想向超级管理员展示所有功能，但我需要向管理员展示它的一些功能。现在我想先问一下这样做的最佳做法是什么以及如何实现它，任何示例都是因为我无法根据我的要求找到它。

图像

例如，如果用户登录，则重定向到此页面。如果用户是“admin”，那么它只显示表格，如果用户是“超级管理员”，那么它也会显示邀请按钮以及表格。

Answer 1

你需要推出自己的mvc5服务器端解决方案，你可以在互联网上找到很多例子，使用如下的扩展方法，你可以通过razor / c＃检查权限，它将输出带有正确角度标记的html基于用户/角色。

{{ 6 - product.amount % 6 }}

然后在您的部分/视图上，您​​可以通过剃刀标记访问该功能。

public static bool UserHasPermission(this ControllerBase controller, string permissionString)
{
    bool permissionFound = false;
    try
    {
        permissionFound = new RoleUserCheck(controller.ControllerContext.HttpContext.User.Identity.Name).UserHasPermission(permissionString);
    }
    catch { }
    return permissionFound;
}