如何在AngularJS中存储当前用户上下文?

如何在AngularJS中存储当前用户上下文?,第1张

如何在AngularJS中存储当前用户上下文?

完成此 *** 作的最简单方法是使用服务。例如:

app.factory( 'AuthService', function() {  var currentUser;  return {    login: function() { ... },    logout: function() { ... },    isLoggedIn: function() { ... },    currentUser: function() { return currentUser; }    ...  };});

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

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

然后,当然可以使用您认为合适的信息;例如,在指令,模板等中。您可以在菜单控制器等中重复此 *** 作(根据您的需要进行定制)。当您更改服务的状态时,所有这些都将自动更新。

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

希望这可以帮助!



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4952811.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-13
下一篇 2022-11-13

发表评论

登录后才能评论

评论列表(0条)

保存