Access $ window.sessionStorage from html

Question

В моем случае я работаю с angularjs, и я хочу получить доступ к сохраненному значению в пользователю, чтобы показать или не теги html.

Сначала он сохраняет в контроллере пользовательскую переменную, это часть действия входа в систему.

$window.sessionStorage.setItem('user', AuthenticationService.getUser()); 

Затем я хочу показать некоторые HTML-теги в зависимости от роли этого пользователя, с чем-то вроде следующего:

<li><a id="id" ng-if="user.role=='admin'" href> console </a></li> 

У меня было что-то похожее на это, используя $ rootScope, но когда я обновляю страницу, я теряю значение. Вот почему мне нужно использовать window.sessionStorage

Есть ли способ доступа в html сохраненного значения в sessionStorage? или это неправильно, и мне нужен другой подход?

Answer 1

$ window - это просто оболочка вокруг окна, поэтому этот подход будет работать, но предпочтительнее использовать некоторые другие средства, такие как файлы cookie, чем загрязнять окно $.

Вы должны использовать функцию контроллера или даже лучшую глобальную службу пользователей для доступа к пользователю.

Там довольно подробная статья о том, как сделать это здесь: http://www.nesterovsky-bros.com/weblog/2015/01/26/windowsessionStorageInAngularJS.aspx

Если у вас есть несколько пользовательских свойств, используйте toJson и fromJson для хранения объекта в памяти сеанса, такие как:

var user = { name:'mike', role: 'admin'} 
$window.sessionStorage.setItem('user',angular.toJson(user)); 

и :

var user = angular.fromJson($window.sessionStorage.getItem('user')) 

Если вам необходимо получить доступ к пользователю из нескольких разных мест, сервис как @Deblaton Рек исправлено - это путь, но, предполагая, что у вас есть несколько свойств для вашего пользователя, добавьте угловые. json и angular.fromJson линии, как у меня выше.

, как вы обращаетесь к пользователю в вашем HTML требует, чтобы он присутствовал на текущей области, так что если вы используете сервисный подход в контроллере вы бы добавить:

$scope.user = UserService.getUser(); 

Answer 2

Вы можете сделать это с помощью сервиса/завод

angular.module('myApp').factory("PrincipalService", [ 
    "$window", 
    function($window){ 

     var user; 

     return { 
      getUser : getUser, 
      setUser: setUser 
     }; 

     function getUser(){ 
      return user || angular.fromJson($window.sessionStorage.getItem('user')); 
     } 

     function setUser(userInfo){ 
      user = userInfo; 
      $window.sessionStorage.setItem('user', angular.toJson(userInfo)); 
     } 

    } 
]); 

редактировать

То, как я мог бы использовать его, чтобы поделиться через каждые взгляды через корень Область применения:

angular.module("myApp").run(["$rootScope", "PrincipalService", 
    function($rootScope, PrincipalService){ 
     $rootScope.getUser = PrincipalService.getUser; 
     $rootScope.setUser = PrincipalService.setUser; 
    } 
]); 

А потом, в ваших взглядах вы можете позвонить:

<span>{{$root.getUser()}}</span>