How to properly use localStorage in Angularjs?

Question

Angular

Good day, I can't figure out how to use localStorage in angularjs correctly. The crux of the problem lies in how to use it correctly. Below is the source of the request.
loginService

'use strict';

angular.module('prApp')
    .factory('loginService',
    ['Base64','$http', '$cookieStore','$rootScope',
    function (Base64,$http, $cookieStore,$rootScope) {
        var service={};

        service.Login=function(username, password, callback){
            $http.post('/auth/log', { username: username, password: password })
                .success(function (response ) {
                    callback(response);
                })
                .error(function (response) {
                    callback(response);

                });
        };

1.2 request, response
loginCtrl

'use strict';

angular.module('prApp')
    .controller('loginCtrl',
    ['$scope','$rootScope','$location', 'loginService',
    function ($scope,$rootScope, $location,loginService) {

        loginService.ClearCredentials();

        $scope.login = function(){
            $scope.dataLoading = true;
            loginService.Login($scope.username, $scope.password, function(response){
                if(response.success){
                    loginService.SetCredentials($scope.username, $scope.password);




                    $location.path('/user');
                } else {
                    $scope.error = response.message;
                    $scope.dataLoading = false;
                }
            });
        };
    }]);

The idea is that when we log in before going $location.path('/user'); should happen, for example, saving id user-a to the session and then on the opened user page, I can use the id for a new request, for example. I will be glad for any help

Answer 1

Use the module for angular:
https://github.com/grevory/angular-local-storage