Angularjs 如何根据用户权限/角色仅加载angular应用程序的必要部分？

我目前正在研究如何在angular2中构建我的第一个应用程序，我有一个问题，就是如何根据用户在应用程序中拥有的权限来限制客户端javascript/内容

我的应用程序将拥有许多权限，这些权限将限制用户查看某些页面，并能够在页面上执行某些操作。从一个简单的角度来看，考虑工具/应用程序的配置区域，只有具有管理员权限的人才能访问该区域。非特权用户只会看到主菜单项，而不会看到通向管理区域的“站点设置”，因此希望没有包含该区域的模板/组件

我发现了这个链接（）并认为这可能是我所需要的，但希望其他人的想法更熟悉angular和其他SPA类型的客户端javascript框架

---

如何设置angular2应用程序，以便根据用户权限仅将适用的模板和组件下载到客户端？一旦您使用一个结合了所有角度文件的进程来限制客户端浏览器需要加载的js文件数量，所有这些是否都会被抛出窗口？我意识到保护中间层API的重要性，但我不认为让客户下载一堆他们永远无法访问的数据/模板有什么意义。初始加载应尽可能快。

您也可以使用

*ngIf

进行相同的加载。此链接将有助于在angular 1中编写此链接，但在angular 2中也应如此。@PardeepJain我知道ngIf甚至会阻止元素出现在客户端的DOM中。但是，运行这些部分的所有代码和逻辑仍将包含在最初下载的javascript中。