angularjs ui-Router: Nieznany dostawca: $ stateProvider

Question

Mam kłopoty za pomocą wtyczki ui-router z angularjs:

angular.module('myApp', []). 
config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) { 
    $stateProvider 
     .state('mandats', { 
      url: '/domiciliations/mandats', 
      templateUrl: 'domiciliations/views/mandats.html', 
      controller: 'mandatsCtrl' 
     }); 
}]) 

I wtedy ten błąd przy starcie:

Unknown provider: $stateProvider 

I włączyłem javascripts w tej kolejności:

<script src="/Scripts/libs/angular/angular.js"></script> 
<script src="/Scripts/libs/angular/angular-resource.js"></script> 
<script src="/Scripts/libs/angular/angular-ui-states.js"></script> 

Co może być problemem?

[EDIT]

Muszę pozbyć się komunikatu o błędzie, dodając „ui.compat” jako zależność MojaApl. Widziałem to w przykładowym kodzie ui-routera, ale nigdzie w dokumentacji. O czym to jest ?

Mimo to nadal nie działa. Dodałem ui-view do div w pliku indeksu aplikacji. Ale strona pozostaje pusta.

Answer 1

Poniższy fragment kodu powinien wykonać zadanie. Przynajmniej w moim przypadku, więc daj mi znać, czy to działa, czy nie.

angular.module('myApp', ['ui.compat']). 
config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) { 
    $stateProvider 
     .state('mandats', { 
      url: '/domiciliations/mandats', 
      templateUrl: 'domiciliations/views/mandats.html', 
      controller: 'mandatsCtrl' 
     }); 
}]) 

Teraz o problemie z pustą stroną. Na pewno adres URL w przeglądarce nie jest zgodny z żadnym określonym w twoim stanie. Wypróbuj to "#/domiciliations/mandats" w przeglądarce i sprawdź, czy widok zostanie odpowiednio renderowany. Nie, aby absolutny URL był podobny do http: // [HOST_NAME] /home.html#/domiciliations/mandats.

Answer 2

W tym angular-ui v0.0.2 naprawi problem.

Answer 3

Wystarczy dołączyć moduł ui-router jako zależność.

jak po

angular 
    .module('myApp', ["ui.router"]) 
    .config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) { 
     ... 
    }]);