根据 AngularJS 中的登录状态，使用不同模板的相同 url ('/')

我想知道最佳实践，如何在 AngularJS 中设置路由和模板，以向访问者显示不同的前端和登录区域，然后显示仪表板以在同一基本 URL（“/”）上登录用户。

这两个页面在结构上完全不同，并且需要不同的资源。

为网站的两个部分设置两个不同的应用程序是否更好，但是我将如何管理这两个部分之间的会话？

或者最好是制作一个“空”布局，在主体标签之间没有任何内容，然后将不同的模板加载到其中，并为前面部分和仪表板部分制作单独的路由？

我正在寻找类似 Facebook 登录的方式。登录后保留在根域。

我花了一个下午的时间在谷歌上搜索，但找不到任何关于这方面的指南。任何关于如何在 AngularJS 中进行这种分离的想法都会受到欢迎。

马丁的回答很好，但我宁愿用以下方法解决问题ui-路由器模块 https://github.com/angular-ui/ui-router:

1. 创建三种状态：root, dashboard and landing.
2. 捕获 URL 使用root状态并重定向到dashboard or landing取决于授权状态。
3. dashboard and landing将会有controller and templateUrl与其他应用程序状态一起定义在一个地方，这很好。

代码示例：

angular
  .module("app", ["ui.router"])
  .value("user", {
    name: "Bob",
    id: 1,
    loggedIn: true
  })
  .config(function($stateProvider) {
    $stateProvider
      .state("root", {
        url: "",
        template: "<section ui-view></section>",
        controller: function($state, user) {
          if ($state.is("root")) $state.go(user.loggedIn ? "dashboard" : "landing");
        }
      })
      .state("landing", {
        templateUrl: "landing.html",
        controller: "LandingCtrl"
      })
      .state("dashboard", {
        templateUrl: "dashboard.html",
        controller: "DashboardCtrl"
      });
  })
  .controller("DashboardCtrl", function($scope, user, $state) {
    $scope.logout = function() {
      user.loggedIn = false;
      $state.go("root");
    }
  })
  .controller("LandingCtrl", function($scope, user, $state) {
    $scope.login = function() {
      user.loggedIn = true;
      $state.go("root");
    }
  })

Plunker 的完整示例 http://plnkr.co/edit/mAJt6JXEAp1ZdjBC5qsE?p=preview.