Asp.net mvc 如何在angular2+中隐藏特定用户角色的angular2模块实现；ASP.NETMVC应用程序？

在应用程序中，我应该确保特定的用户角色不能看到为其他用户角色设计的组件实现（管理员必须看到所有内容，用户不应该看到管理员特定的内容）

最好的做法是什么

当前解决方案：

在我的

asp.net mvc

应用程序中，我有

systemjs.config.js

文件，该文件指向引导整个

angular2

应用程序的

Main

角度模块

packages: {
        app: {
            main: './main.js',
            defaultExtension: 'js'
        },

我有一些模块：

AdminModule
UserModule
SharedModule
AdminSpecificComponentsModule

我不希望

User

看到

AdminSpecificComponentModule

的实现。Html模板，js

所以我使用了2个

systemjs.config.js

文件。而不是单个

Main

模块入口点具有2个

MainAdmin

和

MainUser

，其中

MainUser

不注入

AdminSpecificComponentModule

每个用户角色都有自己的int

MVC视图/控制器

（称之为workplace），在适当的地方引用

systemjs.config.js

<script src="../user-systemjs.config.js"></script>
<script>
    System.import('app').catch(function(err){ console.error(err); });
</script>
<user-app></user-app>

System.import（'app'）.catch（函数（err）{console.error（err）；}）；

及

System.import（'app'）.catch（函数（err）{console.error（err）；}）；

在生产环境中，我们必须分别为每个用户角色绑定JS、HTML，并确保

用户

不能为

管理员

角色提供捆绑包

有没有更聪明的方法用这种技术来做这样的事情

提前谢谢

<script src="../admin-systemjs.config.js"></script>
<script>
    System.import('app').catch(function(err){ console.error(err); });
</script>
<admin-app></admin-app>