AngularJS和ASP.Net Webapi用户起始页面

Question

我使用ASP.Net Webapi作为我的后端，但是想使用AngularJS作为前端。我确实设法在我的ASP.Net端和服务器端运行OAuth和其他安全性，我可以使用[Authorize("Admin Role")]

等属性轻松检查用户角色

我现在的问题是关于AngularJS，给出单独的起始页面或者在其中运行SPA的chrome的最佳方法是什么。

• 说例如我有以下流程。
  1. 我的网站地址“www.mysite.com”
  中的用户类型
  2. 我出现在登录界面。
  3. 用户输入登录信息并提交。
  4. 根据用户提供的不同基本路径
     • 4.1：for Admin“www.mysite.com/admin”
     • 4.2：对于运营商“www.mysite.com/operator”
     • 4.3：对于主管“www.mysite.com/supervisor”

我想说的是，这些用户的视图和数据完全不同，所以我不能有一个适用于所有这些用户的default.htm，并且需要不同的shell来显示视图。

我知道在MVC中很容易做但不知道如何在AngularJS中做到这一点。有人建议如何做到这一点。