stateprovider - ui router angularjs template

angularjs ui-router: Proveedor desconocido: $ stateProvider

Question

Tengo problemas para usar el complemento ui-router de AngularJS:

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

Entonces me sale este error en el inicio:

Unknown provider: $stateProvider

He incluido los javascripts en este orden:

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

Cual podría ser el problema ?

[EDITAR]

Me deshice del mensaje de error agregando ''ui.compat'' como una dependencia de myApp. Lo vi en el código de ejemplo de ui-router pero en ninguna parte de la documentación. De qué se trata esto ?

Sin embargo, todavía no funciona. He agregado ui-view a un div en el archivo de índice de la aplicación. Pero la página queda en blanco.

Answer 1

Incluir el ángulo-ui v0.0.2 solucionará el problema.

Answer 2

La siguiente pieza de código debe hacer el trabajo. Al menos en mi caso, déjame saber si funciona o no.

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

Ahora acerca de su problema con la página está vacía. Por supuesto, la URL que tiene en el navegador no coincide con ninguna definida en su estado. Pruebe este ''# / domiciliations / mandats'' en su navegador y vea si la vista se representa correctamente. No es que tu URL absoluta sea algo similar con http: // [HOST_NAME] /home.html#/domiciliations/mandats .

Answer 3

Solo necesita incluir el módulo ui-router como dependencia.

como siguiendo

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