Maintain Session with Angularjs Authentication

Question

I’m wearing the one project to authenticate with Angularjs.

I’m using Angularjs 1.6.4 with Wildfly 10 with Java 8 and SQL Server 2014. I can log in correctly, but when I update the page the session is not maintained.

What am I doing wrong? In addition to the 'Rest' adaptations I have to do in 'user.servi.js' (here’s the original file), I have to do what I can to keep the session?

Here’s my user.service.js code:

(function () {
    'use strict';

    angular
        .module('app')
        .factory('UserService', UserService);

    UserService.$inject = ['$http'];
    function UserService($http) {
        var service = {};

        //service.GetAll = GetAll;
        //service.GetById = GetById;
        service.GetByUsername = GetByUsername;
        service.Create = Create;
        //service.Update = Update;
        //service.Delete = Delete;

        return service;

        //function GetAll() {
        //    return $http.get('rest/usuarios/login/').then(handleSuccess, handleError('Error getting all users'));
        //}

        //function GetById(id) {
        //    return $http.get('rest/usuarios/login/' + id).then(handleSuccess, handleError('Error getting user by id'));
        //}

        function GetByUsername(usermatricula, usersenha) {
            return $http.post('rest/usuarios/login/' + usermatricula + '/' + usersenha).then(handleSuccess, handleError('Error getting user by username'));
        }

        function Create(user) {
            return $http.post('rest/usuarios/', user).then(handleSuccess, handleError('Error creating user'));
        }

        //function Update(user) {
        //    return $http.put('rest/usuarios/login/' + user.id, user).then(handleSuccess, handleError('Error updating user'));
        //}

        //function Delete(id) {
        //    return $http.delete('rest/usuarios/login/' + id).then(handleSuccess, handleError('Error deleting user'));
        //}

        // private functions

        function handleSuccess(res) {
            console.log(res.data);
            return res.data;
        }

        function handleError(error) {
            return function () {
                return { success: false, message: error };
            };
        }
    }

})();

I’ve tried everything, or almost everything. I’m new to Angularjs, HTML5, Javascript, Java...