Angular 2中基於角色的UI

Question

我正在使用asp.net mvc 5在angular 2中開發一個應用程序，其中有兩種用戶，一種是超級管理員，另一種是管理員。 我想向超級管理員展示所有功能，但我需要向管理員展示其某些功能。 現在，我首先要問的是執行此操作的最佳實踐是什么，如何實現它，並且存在任何示例示例，因為我無法根據自己的要求找到它。

圖片

例如，如果用戶登錄，它將重定向到此頁面。 如果用戶為“ admin”，則僅顯示表格；如果用戶為“ super admin”，則其同時顯示邀請按鈕和表格。

Answer 1

您需要推出自己的mvc5服務器端解決方案，您可能會在Internet上找到許多示例，使用類似以下的擴展方法，您可以通過razor / c＃檢查權限，並且它將基於html輸出帶有正確角度標記的html用戶/角色。

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;
}

那么您可以在局部/視圖上通過剃刀標記訪問該功能。

@{
if (ViewContext.Controller.UserHasPermission("DeleteWithPaymentRollback"))
{
    <button type="button" (click)="showconfirm()" class="btn btn-danger btn-xs">
        <span class="fa fa-recycle"></span>
    </button>
}}