UI Router не работает

0

Я пытаюсь проверить UI Router с существующим приложением. Конечно, у меня проблемы на раннем этапе. Вот что я до сих пор:

(function () {
    var app = angular.module('hon.configurator.uiroutes', ['ui.router', 'ncy-angular-breadcrumb']);

    app.config(['$stateProvider', '$stateParams', function ($stateProvider) {
        $stateProvider
            .state('home', {
                url: '/',
                controller: function ($scope, $stateParams) {
                    console.log($stateParams);
                }
            })
            .state('series', {
                url: '/:series',
                controller: function($scope, $stateParams) {
                    console.log($stateParams);
                }
            })
            .state('configurator', {
                url: '/:series/:configurator'
            });
    }]);

})();

Я получаю сообщение об ошибке с [$ injector: unpr] $ stateParams.

Это получает мини-код, который, как я знаю, может быть проблемой, но я уверен, что если проблема здесь, и если да, то как это исправить с помощью контроллера: синтаксис.

Благодарю.

Теги:
dependency-injection
angular-ui-router

1 ответ

1
Лучший ответ

Вы не можете получить доступ к $stateParams внутри конфигурации, так как только поставщики и константа доступны в фазе угловой конфигурации, а $ StateParams - это сервис value.

angular.module('ui.router.state')
  .value('$stateParams', {});

В основном вам нужно удалить зависимость $stateParams от функции config

+ Изменить

app.config(['$stateProvider', '$stateParams', function ($stateProvider) {

в

app.config(['$stateProvider', function ($stateProvider) {
  • 0
    Я многому у тебя учусь сегодня! Огромное спасибо.
  • 0
    @spuppett рад помочь вам .. Спасибо :)
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню