angularjs - 如何在 AngularJS 中存储当前用户上下文？

Question

我有一个 AuthService，它登录用户，它返回一个用户 json 对象。我想要做的是设置该对象并让所有更改反射(reflect)在应用程序中(登录/注销状态)，而无需刷新页面。

我如何使用 AngularJS 来完成这个任务？

Answer 1

实现此目的的最简单方法是使用服务。例如:

app.factory( 'AuthService', function() {
  var currentUser;

  return {
    login: function() { ... },
    logout: function() { ... },
    isLoggedIn: function() { ... },
    currentUser: function() { return currentUser; }
    ...
  };
});

然后您可以在任何 Controller 中引用它。以下代码监视服务中值的更改(通过调用指定的函数)，然后将更改的值同步到作用域。

app.controller( 'MainCtrl', function( $scope, AuthService ) {
  $scope.$watch( AuthService.isLoggedIn, function ( isLoggedIn ) {
    $scope.isLoggedIn = isLoggedIn;
    $scope.currentUser = AuthService.currentUser();
  });
});

然后，当然，您可以按照您认为合适的方式使用该信息；例如在指令、模板等中。您可以在菜单 Controller 等中重复此操作(根据您需要执行的操作进行自定义)。当您更改服务上的状态时，它将自动更新。

任何更具体的内容取决于您的实现。