如何在角度应用中注入$ stateProvider?

Che*_*rry 14 html javascript angularjs angular-ui

我尝试使用angular-ui,并尝试注入$ stateProvider:

HTML

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular-resource.min.js"></script>
    <script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.min.js"></script>
    <script src="test/appModule.js"></script>
</head>
<body>
    <div ng-app="appModule">
        <div ng-controller="appController">
            {{date}}
        </div>

    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

js(test/appModule.js)

var module = angular.module("appModule", ['ui.router']);

module.controller('appController', ['$scope', '$stateProvider',
    function ($scope, $stateProvider) {
        $scope.date = new Date();
    }]);
Run Code Online (Sandbox Code Playgroud)

堆栈跟踪

Error: Unknown provider: $stateProviderProvider <- $stateProvider
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js:28:236
...
Run Code Online (Sandbox Code Playgroud)

如果我删除带有注释的$ stateProviderui.router,一切都会起作用:

var module = angular.module("appModule"/*, ['ui.router']*/);
module.controller('appController', ['$scope'/*, '$stateProvider'*/,
    function ($scope, $stateProvider) {
        $scope.date = new Date();
    }]);
Run Code Online (Sandbox Code Playgroud)

那么注入$ stateProvider的问题有关解决的任何想法吗?

PS我试过ui样品它有效,但我无法弄清楚为什么我的不行.

Jon*_*now 32

在控制器中使用它时,您必须使用$state:

angular.module("appModule", ['ui.router']).controller('appController', ['$scope', '$state', function ($scope, $state) {
    $scope.date = new Date();
}]);
Run Code Online (Sandbox Code Playgroud)

您只能在配置中使用状态提供程序,例如:

angular.module('appModule').config(['$stateProvider', function($stateProvider){
    /* do w/e with state provider */
})];
Run Code Online (Sandbox Code Playgroud)