angularjs ui-router: Fournisseur inconnu: $ stateProvider

Je vais avoir des problèmes en utilisant l'interface utilisateur du routeur plugin de AngularJS:

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

Ensuite, je reçois ce message d'erreur au démarrage:

Unknown provider: $stateProvider

J'ai inclus les javascripts dans cet ordre:

<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>

Quel pourrait être le problème ?

[MODIFIER]

J'ai débarrasser de ce message d'erreur en ajoutant de l'interface utilisateur.compat' comme une dépendance de myApp. J'ai vu que dans l'exemple de code de l'interface utilisateur du routeur, mais nulle part dans la documentation. C'est à quel sujet ?

Néanmoins, il ne fonctionne toujours pas. J'ai ajouté de l'interface utilisateur-pour afficher une div dans l'application fichier d'index. Mais la page reste vide.

source d'informationauteur Sam

  1. 14

    Le morceau de code suivant devrait faire le travail. Au moins dans mon cas, alors laissez-moi savoir si cela fonctionne ou pas.

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

    Maintenant au sujet de votre problème avec la page vide. Pour assurer l'URL dans le navigateur n'est pas associée à n'importe quelle définis dans votre état. Essayez cette '#/domiciliations/mandats " dans votre navigateur et de voir si la vue est rendue de façon appropriée. Non pas que vous en url absolue doit être quelque chose de similaire avec http://[HOSTNAME]/home.html#/domiciliations/mandats.

  2. 12

    Vous avez juste besoin d'inclure ui-router module de dépendance.

    comme suit

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

    Y compris la angular-ui v0.0.2 va résoudre le problème.