如何在角度应用中注入$stateProvider？
如何在角度应用中注入$stateProvider？
提问于 2014-05-29 10:20:20
我尝试使用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>js (test/appModule.js)
var module = angular.module("appModule", ['ui.router']);
module.controller('appController', ['$scope', '$stateProvider',
function ($scope, $stateProvider) {
$scope.date = new Date();
}]);堆栈跟踪
Error: Unknown provider: $stateProviderProvider <- $stateProvider
at Error (native)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js:28:236
...如果我删除带有注释的$stateProvider和ui.router，一切都会正常运行：
var module = angular.module("appModule"/*, ['ui.router']*/);
module.controller('appController', ['$scope'/*, '$stateProvider'*/,
function ($scope, $stateProvider) {
$scope.date = new Date();
}]);那么注入$stateProvider的问题有什么解决的办法吗？
P.S.我已经试过ui sample了，但是我不知道为什么我的不工作。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-05-29 10:22:34
在控制器中使用它时，必须使用$state
angular.module("appModule", ['ui.router']).controller('appController', ['$scope', '$state', function ($scope, $state) {
$scope.date = new Date();
}]);您只能在配置中使用状态提供程序，例如：
angular.module('appModule').config(['$stateProvider', function($stateProvider){
/* do w/e with state provider */
})];Stack Overflow用户
发布于 2014-05-29 10:30:19
var bootstrapApp = angular.module('bootstrapDemoApp', ['ui.bootstrap','ui.router']);
bootstrapApp.config(function($stateProvider, $urlRouterProvider,$locationProvider) {
// For any unmatched url, redirect to /
$urlRouterProvider.otherwise("/");
// Now set up the states
$stateProvider
.state('login', {
url: "/",
controller: "loginCtrl",
templateUrl: "partials/login.html"
})
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23931040
复制相关文章
相似问题
腾讯云开发者
