Basics config for Angular ui-router

Angular-ui-route-basics

.config(routes);

routes.$inject = ['$urlRouterProvider', '$stateProvider'];
    
function routes($urlRouterProvider, $stateProvider) {
    $urlRouterProvider.otherwise('/login');
    $stateProvider
        .state('login', {
            url: '/login',
            templateUrl: 'views/login.tpl.html',
            controller: 'LoginController as lc'
        });

Checking to unregistered user

.run(['$rootScope', '$state', firstRun]);

function firstRun($rootScope, $state) {
    $rootScope.$on('$stateChangeError',
        function(event, toState, toParams, fromState, fromParams, error) {
            if (error === 'AUTH_REQUIRED') {
                event.preventDefault();
                $state.go('login');
            }
        });
}

HTML attributes for route

<ul class="user-menu">
    <li ui-sref-active="active" ng-hide="currentUser">    <!-- ui-sref-active sets class if this page are opened. Hide if user are not registered-->
        <a ui-sref="login">Login</a>                      <!-- ui-sref opens target page -->
    </li>
    <li ui-sref-active="active" ng-hide="currentUser">
        <a ui-sref="register">Register</a>
    </li>
</ul>