URL не меняется после изменения состояния UI-роутера - PullRequest
Новая
       9

URL не меняется после изменения состояния UI-роутера

0 голосов
/ 01 февраля 2019

Я следовал документации и онлайн-учебникам, чтобы создать свои состояния пользовательского интерфейса маршрутизатора, однако, когда я вхожу в свое состояние, URL-адрес не обновляется.То же самое происходит, когда я, например, $state.go('main.about-me');.Состояние меняется, но не URL.Что-то не так с моей конфигурацией, которую я не вижу ясно?

Буду благодарен за любые советы.Спасибо. 

'use strict';
angular
    .module('myApp.config', ['ui.router'])
    .config(routes)
    .run(['$rootScope', '$location', '$stateParams', '$state', appRun]);

function routes($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('main', {
            url: 'main',
            abstract: true,
            views: {
                '': {
                    templateUrl: 'main/main.tpl.html',
                    controller: 'mainController as vm'
                },
                'nav-bar@main': {
                    templateUrl: 'main/nav-bar/nav-bar.tpl.html',
                    controller: 'navigationBarController as vm'
                }
            }
        })

    .state('main.home', {
        url: '/home',
        views: {
            'content': {
                templateUrl: 'home/home.tpl.html',
                controller: 'homeController as vm'
            }
        }
    })

    .state('main.about-me', {
        url: '/about-me',
        views: {
            'content': {
                templateUrl: 'about-me/about-me.tpl.html',
                controller: 'aboutMeController as vm'
            }
        }
    })

    .state('main.contact-me', {
        url: '/contact-me',
        views: {
            'content': {
                templateUrl: 'contact-me/contact-me.tpl.html',
                controller: 'contactMeController as vm'
            }
        }
    });

    $urlRouterProvider.otherwise('');
}

function appRun($rootScope, $location, $stateParams, $state) {
    console.log('run the app');
    console.log('$location', $location);
    console.log('$rootScope', $rootScope);
    console.log('$stateParams', $stateParams);
    $state.go('main.home');

}

Внутри моего тела у меня есть

<div ng-cloak> <div ui-view class="content-container"></div> </div>

...