Ошибка при добавлении $ state к моим ссылкам в модуле angularjs

Question

У меня есть некоторые проблемы с использованием службы $state в моем учебном проекте.

Вот мой модуль и конфигурация определение:

(function() { 
"use strict"; 
angular.module("gameManagement", ["ui.router", "ngAnimate", "ngResource"]) 

    .config(["$stateProvider", "$urlRouterProvider","$state", function ($stateProvider, $urlRouterPorvider,$state) { 
     $urlRouterPorvider.otherwise("/game/MultiStepForm/step1"); 
     $urlRouterProvider.otherwise("/game/Home"); 
     $stateProvider 
      .state("Home", { 
       url: "/game/Home", 
       templateUrl: "/app/game/GameView.html", 
       controller: "GameController", 
       controllerAs: "vm" 
      }); 

     $stateProvider 
      .state("Log", { 
       url: "/Game/Log", 
       templateUrl: "/app/Log/GameLogView.html", 
       controller: "GameLogController", 
       controllerAs: "vm" 

       onEnter: function() { 
        $state.go("MultiStepForm"); 
       } 
      }); 

     $stateProvider 
     .state("MultiStepForm.view", { 
      url: "/Game/MultiStepFormView", 
      templateUrl: "/app/MultiStepForm/MultiStepFormView.html", 
      controller: "MultiStepFormViewController", 
      controllerAs: "MultiStepViewLogic" 
     }) 

     $stateProvider 
    .state("MultiStepForm.Edit", { 
     url: "/Game/MultiStepFormEdit", 
     templateUrl: "/app/MultiStepFormEdit/MultiStepForm.html", 
     controller: "MultiStepFormEditController", 
     controllerAs: "MultiStepEditLogic" 
    }) 
    }]); 
})(); 

Я хочу использовать эту строку:

$state.go(); 

для этого я добавить $ состояния службы ссылки, но, когда я добавляю до

ссылки $state service Я начну эту ошибку:

Uncaught Error: [$injector:modulerr] Failed to instantiate module sensorManagement due to: 
Error: [$injector:unpr] Unknown provider: $state 
http://errors.angularjs.org/1.4.2/$injector/unpr?p0=%24state 
... 

Любая идея, почему я получаю ошибку выше? Что мне не хватает?

Answer 1

Я считаю, что вам не хватает разрешения в вашем штате. Вы могли бы попробовать что-то вроде этого:

$stateProvider 
    .state("Log", { 
     url: "/Game/Log", 
     templateUrl: "/app/Log/GameLogView.html", 
     controller: "GameLogController", 
     controllerAs: "vm", 
     resolve: {$state: '$state'}, 
     onEnter: function ($state) { 
      $state.go("MultiStepForm"); 
     } 
}); 

Смотрите documentation для получения дополнительной информации о том, как работают onEnter и onExit обратных вызовов. В основном вышеуказанный вопрос не вводит правильно службу $state и, следовательно, не может перейти из состояния (-ов) из-за обратного вызова, не имеющего доступа к $state.

Вы также хотите удалить инъекции в конфигурации:

.config(["$stateProvider", "$urlRouterProvider", function ($stateProvider, $urlRouterProvider) { 

Answer 2

Вы можете только поставщик услуг доступа к внутренней конфигурации фазы углового, $state зависимость не будет доступна в этой фазе, поскольку $state является provider, и вы уже к нему доступ в функции конфигурации путем добавления Provider префикс как $stateProvider.

Если вы намереваетесь перенаправить маршрут, то вы можете использовать зависимость $state в блоке запуска. Используете ли $state.go оттуда

app.run(function($state){ 
    $state.go('somestate') 
})