我实际上正在尝试使用$stateProvider路由,但它给出了错误;未捕获错误:[$injector:moduler]未能实例化模块moduleTry,原因是:错误:[$injector:unp]未知提供程序:$stateProvider
angular-ui-router.js包含在我的索引页面中angular.js文件之后。我在我的app.js文件中也包含了ui路由器依赖项。即使经过大量研究,我也无法得到答案。请帮助
索引.htmI
<!DOCTYPE html>
<head>
<script src="app/vendors/angular-1.4.8/angular.js"></script>
<script src="app/vendors/angular-1.4.8/angular-ui-router.js"></script>
<script src="app/vendors/angular-locale_en-in.js"></script>
<script src="app/assets/css/styles.css"></script>
<script src="app/scripts/try.app.js"></script>
<script src="app/scripts/try.config.js"></script>
<script src="app/scripts/try.controller.js"></script>
<script src="app/scripts/try.router.js"></script>
</head>
<body ng-app="moduleTry">
<h2>AngularJS Ui router - Demonstration</h2>
<div class="container">
<a href="#home"></a>Home</li>
<a href="#about-us"></a>About</li>
</div>
<div ui-view>
</div>
</div>
</body>
</html>
try.app.js
(function(){
angular.module('moduleTry',[
'ui.router'
])
})();
try.config.js
(function(){
"use-strict"
})();
try.controller.js
(函数(){"严格使用";
angular.module("moduleTry",)
.controller('tryController',['$scope',function($scope){
$scope.name ="Karan";
}]);
})();
try.route.js
"use-strict";
angular.module('moduleTry')
.config(["$stateProvider", "$urlRouterProvider", function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise("/home");
$stateProvider
.state("home",{
url: "/home",
templateUrl: "Template/template1.html"
})
.state("about-us", {
url: "/about-us",
templateUrl: "Template/template2.html"
})
}]);
错误图像
如果您首先执行正确的setter init ,则会出现该错误
(function(){
angular.module('moduleTry',[
'ui.router'
])
})();
然后。。意外-重新定义它
angular.module('moduleTry',[])
如果你检查你的控制器代码,有一种类型非常接近
angular.module("moduleTry",)
那是错误的,一定是
angular.module("moduleTry")